﻿/* --------------------------------------------------------------------------- GENERAL */

body {
 background: #000000;
 color: #FFFFEE;
 margin: 0px;
 padding: 0px;
 font-family: sans-serif;
 font-size: medium;
}

div, p, img, form, input, label, textarea, select, table, tr, td, th, h1, h2, h3, h4, h5, h6, ul, ol, li {
 border: 0px;
 color: #FFFFEE;
 margin: 0px;
 padding: 0px;
 font-family: sans-serif;
 font-size: 100%;
}
input, textarea, select {
 background: none;
 border: 1px solid #FFFFEE;
}

a {
 color: #FFFFEE;
 font-weight: bold;
 text-decoration: underline;
}
a:hover {
 color: #FFFF00;
}

.atop {
 margin: 0px;
}

/* ------------------------------------------------------------------------- STRUCTURE */

#base {
 width: 100%;
 text-align: center;
}
#box {
 border: 1px solid #FFFFEE;
 min-height: 900px;
 height: auto !important;
 height: 900px;
 margin: 0px 100px;
 text-align: left;
}
#center {
 padding: 30px 0px 0px;
 clear: both;
}
#left {
 width: 15%;
 float: left;
 display: inline;
}
#middle {
 width: 60%;
 padding-top: 35px;
 float: left;
 display: inline;
}
#right {
 width: 25%;
 float: left;
 display: inline;
}

/* ------------------------------------------------------------------------------- TOP */

#top {
 padding: 10px 20px;
}
#languages {
 padding: 5px 0px 10px;
}
#logo_bd {
 padding: 5px 0px 10px;
 font-size: 150%;
}
#slogen {
 padding: 5px 0px 10px;
 font-size: 125%;
}

/* ---------------------------------------------------------------------------- HEADER */

#header {
}
#header .frame {
}
#header .frame .img {
}

/* -------------------------------------------------------------------------- TOP MENU */

#topmenu {
 padding: 10px 0px;
}
#topmenu ul {
 list-style: none;
}
#topmenu ul li {
 border-right: 1px solid #FFFFEE;
 padding: 0px 10px;
 display: inline;
}
#topmenu ul li.item8 {
 border: none;
}
#topmenu ul li.right {
 display: none;
}

/* ---------------------------------------------------------------------------- FOOTER */

#footer {
 padding: 10px 0px;
 text-align: center;
}
#footer #bottommenu {
 padding: 20px 0px 0px;
}
#footer #bottommenu ul {
 list-style: none;
}
#footer #bottommenu ul li {
 display: inline;
}
#footer #bottommenu ul li a {
 border-right: 1px solid #FFFFEE;
 padding: 0px 10px;
}
#footer #bottommenu ul li.last a {
 border: none;
}
#footer .copy {
 padding: 20px 0px 0px;
 font-size: 80%;
}

/* ------------------------------------------------------------------------ CATEGORIES */

#categories h1 {
 padding: 5px 10px 10px;
}
#categories ul {
 padding: 0px 0px 0px 30px;
}
#categories ul li a {
 padding: 3px 0px 0px;
}
.banner, .banner p, .banner object {
 display: none;
 visible: hidden;
}

/* ------------------------------------------------------------------------------ NEWS */

#news {
}
#news h1 {
 padding: 0px 0px 15px;
}
#news .news {
 width: 90%;
 margin: 0px auto 30px;
 clear: both;
}
#news .news h1 {
 padding-bottom: 0px;
 font-size: 120%;
}
#news .news .date {
 padding-bottom: 7px;
 font-size: 90%;
}
#news .news .thumbnail {
 margin: 0px 10px 5px 0px;
 float: left;
 display: inline;
}
#news .news .thumbnail a {
 border: 1px solid #FFFFEE;
 width: 98px;
 height: 98px;
 display: block;
 text-align: center;
}
#news .news .thumbnail a:hover {
}
#news .news .thumbnail a img {
 margin: 0px auto;
}
#news .news .text {
 padding-bottom: 3px;
}
#news .navbar {
 padding: 0px 15px 20px;
}

#news .newsbox {
 border: 1px solid #FFFFEE;
 width: 90%;
 margin: 0px auto 15px;
}
#news .newsbox h1.header {
 padding: 5px 10px;
}
#news .newsbox .sep {
 border-bottom: 1px solid #FFFFEE;
 height: 2px;
 margin: 0px 5px;
 font-size: 0px;
 line-height: 0px;
}
#news .newsbox .box {
 padding: 10px 10px 0px;
}
#news .newsbox .footer {
 clear: both;
}
#news .newsbox .box .thumbnail {
 margin: 0px 0px 5px 0px;
 float: left;
 display: inline;
}
#news .newsbox .box .thumbnail a {
 border: 1px solid #FFFFEE;
}
#news .newsbox .box .thumbnail a img {
}
#news .newsbox .box .thumbnail a:hover img {
}
#news .newsbox .box .text {
 width: 180px;
 margin: 0px 0px 0px 10px;
 float: right;
 display: inline;
}
a.reszletek {
 background: url(../design/wai_button_reszletek.png) no-repeat;
 width: 98px;
 height: 28px;
 margin: 30px auto 20px;
 display: block;
}

/* --------------------------------------------------------------------------- SUB PAGE */

.content {
 padding: 0px 15px 20px;
}
.content h1 {
 padding: 0px 0px 15px;
}
.content h1 a {
}
.content h1 a:hover {
}
.content h2 {
 padding: 0px 0px 10px;
 font-size: 125%;
}
.content p {
 padding: 0px 0px 15px;
}
.content td {
 width: 140px;
}

.navbar {
 width: 100%;
 margin: 15px auto;
 padding: 0px;
 float: left;
 display: inline;
}
.navbar .nb_count {
 padding: 0px 5px 0px;
}
.navbar span, .navbar a {
 margin-left: 5px;
 float: left;
 display: inline;
}
.navbar a {
 cursor: pointer;
}
.navbar a.nb_asc {
 float: left;
 display: inline;
 clear: both;
}
.navbar a.nb_desc {
 float: left;
 display: inline;
 clear: both;
}
.navbar span span, .navbar a span {
}
.navbar .input_orange_disabled {
 margin-left: 10px;
 float: left;
 display: inline;
}
.navbar .input_orange_disabled select.orange {
 margin: 0px 0px 10px 10px;
 padding: 3px;
}

/* ------------------------------------------------------------------------------- FORM */

.form {
 padding: 0px 15px 20px;
}
.form h1 {
 padding: 0px 0px 45px;
}
.form .row {
 width: 90%;
 margin: 0px 0px 0px 10%;
 padding: 0px 0px 10px;
 float: left;
 display: inline;
}
.form h2 {
 width: 30%;
 margin: 5px 0px 0px 10%;
 padding: 0px 0px 10px;
 float: left;
 clear: both;
 display: inline;
}
.form label.input {
 width: 30%;
 margin-top: 3px;
 padding-right: 10px;
}
.form .input_orange {
 float: left;
 display: inline;
}
.form .input_orange input.input {
 width: 326px;
 padding: 3px;
}
.form .input_orange input.w80 {
 width: 66px;
}
.form .input_orange input.w160 {
 width: 146px;
}
.form .input_orange input.w250 {
 width: 236px;
}
.form .input_orange_disabled {
 float: left;
 display: inline;
}
.form .input_orange_disabled select.orange {
 width: 80px;
 height: 18px;
}
.form .join {
 margin-left: 10px;
}
.form .info2 {
 padding: 5px 0px 15px;
}
.form .radio {
 margin: 5px 0px 0px 30%;
}
.form #szall2szaml {
 display: none;
}
.form #submit_reg {
 background: url(../design/wai_button_regisztracio.png) no-repeat;
 border: 0px;
 width: 98px;
 height: 28px;
 margin: 0px;
 cursor: pointer;
}
.form #submit_reg:hover {
 background: url(../design/wai_button_regisztracio_over.png) no-repeat;
}
.form #submit_mod {
 background: url(../design/wai_button_modositom.png) no-repeat;
 border: 0px;
 width: 98px;
 height: 28px;
 margin: 0px;
 cursor: pointer;
}
.form #submit_mod:hover {
 background: url(../design/wai_button_modositom_over.png) no-repeat;
}
.form #submit_forgotten_pwd {
 background: url(../design/wai_button_submit.png) no-repeat;
 width: 65px;
 height: 26px;
 margin: 0px;
 cursor: pointer;
}
.form #submit_forgotten_pwd:hover {
 background: url(../design/wai_button_submit_over.png) no-repeat;
}

.search {
 border-bottom: 1px solid #FFFFEE;
 margin-bottom: 15px;
}
.search h1 {
 padding: 0px 0px 10px;
}
.search .row {
 width: 90%;
 margin: 0px 0px 0px 10%;
 padding: 0px 0px 1px;
}
.search .input_orange_disabled select.orange {
 width: 340px;
 height: auto;
 padding: 3px;
}
.search option.level0 {
 font-weight: bold;
}
.search option.level1 {
}
.search option.level2 {
 color: #EEEEDD;
}
.search option.level3 {
 color: #DDDDCC;
}
.search #submit_search {
 background: url(../design/wai_button_submit.png) no-repeat;
 border: 0px;
 width: 65px;
 height: 26px;
 margin: 0px 53px 0px 0px;
 cursor: pointer;
}
.search #submit_search:hover {
 background: url(../design/wai_button_submit_over.png) no-repeat;
}
.search .hide {
 display: none;
}

/* ------------------------------------------------------------------------------- CART */

.carttable {
}
#carttable {
 border-collapse: collapse;
 width: 100%;
}
#carttable div {
 font-size: 110%;
}
#carttable td {
 border: 1px solid #FFFFEE;
 padding: 3px 5px;
}
#carttable tr.header {
}
#carttable tr.header td {
 padding: 5px;
 font-size: 120%;
 font-weight: bold;
}
#carttable tr.item td.name {
}
#carttable td .input_orange {
 margin: 0px 0px 0px 10px;
 float: left;
 display: inline;
}
#carttable td .input_orange input.orange {
 width: 31px;
 margin: 0px 0px 0px 0px;
 padding: 3px;
 text-align: right;
}
#carttable td #submit_modcart {
 background: url(../design/wai_button_modositom.png) no-repeat;
 border: 0px;
 width: 98px;
 height: 26px;
 margin: 0px 0px 0px 3px;
 padding: 0px;
 float: left;
 display: inline;
 cursor: pointer;
}
#carttable td #submit_modcart:hover {
 background: url(../design/wai_button_modositom_over.png) no-repeat;
}
#carttable td #submit_delcart {
 background: url(../design/wai_button_torol.png) no-repeat;
 border: 0px;
 width: 98px;
 height: 26px;
 margin: 0px;
 padding: 0px;
 cursor: pointer;
}
#carttable td #submit_delcart:hover {
 background: url(../design/wai_button_torol_over.png) no-repeat;
}

#cart .order {
}
#cart .options {
 margin: 10px 0px;
}
#cart .row {
}
#cart .options h2 {
 padding: 10px 0px 5px;
}
#cart .options .radio {
 margin: 5px 0px 0px 20px;
}
#cart .options textarea.input {
 width: 94%;
 height: 10em;
 margin: 0px 3%;
}

#cart .back {
 margin: 8px 0px 15px;
 padding: 0px 0px 0px 0px;
}
#cart .orderit {
 margin: 8px 0px 15px;
 padding: 0px 0px 0px 0px;
}
#cart .back a, #cart .orderit a {
 font-size: 120%;
}

/* ----------------------------------------------------------------------------- ORDERS */

.orderstable {
}
#orderstable {
 border-collapse: collapse;
 width: 100%;
}
#orderstable div {
 font-size: 110%;
}
#orderstable td {
 border: 1px solid #FFFFEE;
 padding: 3px 5px;
}
#orderstable tr.header {
}
#orderstable tr.header td {
 padding: 5px;
 font-size: 120%;
 font-weight: bold;
}
#orderstable tr.space {
 border-top: 3px solid #FFFFEE;
 height: 1em;
 font-size: 1em;
 line-height: 1em;
}
#orderstable tr.space td {
 border: 0px;
}

/* ---------------------------------------------------------------------------- PRODUCT */

.product {
 clear: both;
}
.product h2 {
 padding: 0px 0px 15px;
 font-size: 125%;
}
.product .box {
 border: 1px solid #FFFFEE;
 width: 50%;
 margin: 0px 20px 15px 0px;
 float: left;
 display: inline;
}
.product .box .inner {
 padding: 10px 10px 0px;
 text-align: center;
}
.product .box .footer {
 clear: both;
}
.product .box .inner a.thumbnail {
 border: 1px solid #FFFFEE;
 margin: 0px auto;
 display: block;
}
.product .box .inner a.thumbnail img {
}
.product .box .inner a:hover.thumbnail img {
}
.product .box .inner .zoom {
 height: 15px;
 margin: 5px 0px 0px;
 padding: 5px 0px 0px 0px;
 font-size: 100%;
 text-align: left;
}
.product .text {
 width: 45%;
 float: left;
 display: inline;
}
.product .input_orange {
 margin: 20px 0px 0px 0px;
 float: left;
 display: inline;
}
.product .input_orange input.orange {
 width: 21px;
 margin: 0px 0px 0px 0px;
 padding: 3px;
 text-align: right;
}
.product #submit_tocart {
 background: url(../design/wai_button_kosarba.png) no-repeat;
 border: 0px;
 width: 146px;
 height: 26px;
 margin: 17px 0px 0px 10px;
 padding: 0px;
 float: left;
 display: inline;
 cursor: pointer;
}
.product #submit_tofav {
 background: url(../design/wai_button_polcra.png) no-repeat;
 border: 0px;
 width: 146px;
 height: 26px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 float: left;
 display: inline;
 cursor: pointer;
}
.product #submit_delfav {
 background: url(../design/wai_button_polcrol.png) no-repeat;
 border: 0px;
 width: 146px;
 height: 26px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 float: left;
 display: inline;
 cursor: pointer;
}

/* --------------------------------------------------------------------------- CATEGORY */

.products_cat {
 border: 1px solid #FFFFEE;
 width: 29%;
 margin: 0px 0px 20px 20px;
 float: left;
 display: inline;
}
.content .first {
 margin-left: 0px;
 clear: both;
}
.products_cat .box {
 min-height: 237px;
 height: auto !important;
 height: 237px;
 padding: 10px 10px 5px;
 font-size: 90%;
}
.products_cat .footer {
 clear: both;
}
.products_cat .box h2 {
 height: 45px;
 padding: 0px 0px 15px;
 font-size: 125%;
 text-align: center;
}
.products_cat .box a.thumbnail {
 border: 1px solid #FFFFEE;
 width: 155px;
 height: 116px;
 display: block;
 text-align: center;
}
.products_cat .box a.thumbnail:hover {
}
.products_cat .box a.thumbnail img {
 margin: 0px auto;
}
.products_cat .desc {
 height: 50px;
 display: block;
}
.products_cat .more {
 background: url(../design/wai_button_termekek.png) no-repeat;
 width: 94px;
 height: 21px;
 margin: 5px 0px 10px 34px;
 padding: 7px 4px 0px 0px;
 float: none;
 display: block;
 text-align: center;
 cursor: pointer;
}

.products_item {
 border: 1px solid #FFFFEE;
 width: 100%;
 margin: 0px auto 10px;
}
.products_item .box {
 padding: 10px 10px 5px;
}
.products_item .footer {
 clear: both;
}
.products_item .box .thumbnail {
 width: 142px;
 margin: 0px 0px 5px;
 float: left;
 display: inline;
}
.products_item .box .thumbnail a {
 border: 1px solid #FFFFEE;
 width: 138px;
 height: 103px;
 display: block;
 text-align: center;
}
.products_item .box .thumbnail a:hover {
}
.products_item .box .thumbnail a img {
 margin: 0px auto;
}
.products_item .box .text {
 width: 180px;
 margin: 0px 0px 10px 10px;
 float: left;
 display: inline;
 text-align: center;
}
.products_item .box .text2 {
 width: 228px;
 margin: 0px 0px 10px 10px;
 float: left;
 display: inline;
 text-align: right;
}
.products_item .box h3 {
 margin-bottom: 7px;
 font-size: 125%;
 text-align: center;
}
.products_item .input_orange {
 margin: 13px 0px 0px 18px;
 float: left;
 display: inline;
}
.products_item .input_orange input.orange {
 width: 21px;
 margin: 0px 0px 0px 0px;
 padding: 3px;
 text-align: right;
}
.products_item #submit_tocart {
 background: url(../design/wai_button_kosarba.png) no-repeat;
 border: 0px;
 width: 146px;
 height: 26px;
 margin: 10px 0px 0px 10px;
 padding: 0px;
 float: right;
 display: inline;
 cursor: pointer;
}
.products_item #submit_tofav {
 background: url(../design/wai_button_polcra.png) no-repeat;
 border: 0px;
 width: 146px;
 height: 26px;
 margin: 10px 0px 0px 64px;
 padding: 0px;
 float: right;
 display: inline;
 cursor: pointer;
}
.products_item #submit_delfav {
 background: url(../design/wai_button_polcrol.png) no-repeat;
 border: 0px;
 width: 146px;
 height: 26px;
 margin: 10px 0px 0px 64px;
 padding: 0px;
 float: right;
 display: inline;
 cursor: pointer;
}
.products_item a.reszletek {
 background: url(../design/wai_button_reszletek.png) no-repeat;
 margin-top: 10px;
}
/* ------------------------------------------------------------------------------ LOGIN */

#staff .staff {
 margin: 0px 0px 15px;
 float: left;
 display: inline;
 clear: both;
}
#staff .staff .thumbnail {
 width: 100px;
 margin: 0px 15px 0px 0px;
 float: left;
 display: inline;
}
#staff .staff .thumbnail a {
 border: 1px solid #FFFFEE;
 width: 98px;
 height: 98px;
 display: block;
}
#staff .staff .thumbnail a:hover {
}
#staff .staff .data {
 width: 400px;
 float: left;
 display: inline;
}
#staff .staff .em {
}

/* ------------------------------------------------------------------------------ LOGIN */

#loginbox {
}
#loginbox h1 {
 padding: 5px 10px 10px;
}
#loginbox .input_orange {
 margin: 0px 0px 10px 10px;
}
#loginbox .input_orange input.orange {
 width: 80%;
 padding: 3px;
}
#loginbox .links {
 margin: 5px 0px 0px 10px;
}
#loginbox #submit_login {
 background: url(../design/wai_button_submit.png) no-repeat;
 border: 0px;
 width: 65px;
 height: 26px;
 margin: 10px 0px 0px 10px;
 cursor: pointer;
}
#loginbox #submit_login:hover {
 background: url(../design/wai_button_submit_over.png) no-repeat;
}
#loginbox #submit_logout {
 background: url(../design/wai_button_kilepes.png) no-repeat;
 border: 0px;
 width: 65px;
 height: 26px;
 margin: 10px 0px 0px 10px;
 cursor: pointer;
}
#loginbox #submit_logout:hover {
 background: url(../design/wai_button_kilepes_over.png) no-repeat;
}

/* ---------------------------------------------------------------------- REGISTRATION */

#registrationbox {
 margin: 15px 0px 0px 0px;
}
#registrationbox h1 {
 padding: 5px 10px 10px;
}
#registrationbox ul.reg {
 margin-left: 30px;
}
#registrationbox ul.reg li {
 padding: 0px 0px 3px 0px;
}

/* ------------------------------------------------------------------------- CATALOGUE */

#cataloguebox {
 margin: 20px 0px 0px 0px;
}
#cataloguebox h1 {
 padding: 5px 10px 10px;
}
#cataloguebox select.blue {
 width: 80%;
 margin: 0px 0px 10px 10px;
 padding: 3px;
}
#cataloguebox .input_blue {
 margin: 0px 0px 10px 10px;
}
#cataloguebox .input_blue input.blue {
 width: 80%;
 padding: 3px;
}
#cataloguebox .links {
 margin: 5px 0px 0px 10px;
}
#cataloguebox #submit_qsearch {
 background: url(../design/wai_button_submit.png) no-repeat;
 border: 0px;
 width: 65px;
 height: 26px;
 margin: 10px 0px 0px 10px;
 cursor: pointer;
}
#cataloguebox #submit_qsearch:hover {
 background: url(../design/wai_button_submit_over.png) no-repeat;
}

/* --------------------------------------------------------------------- FAVORITES BOX */

#favoritesbox {
 margin: 20px 0px 0px 0px;
}
#favoritesbox h1 {
 padding: 5px 10px 10px;
}

/* -------------------------------------------------------------------------- CART BOX */

#cartbox {
 margin: 20px 0px 0px 0px;
}
#cartbox h1 {
 padding: 5px 10px 10px;
}
#cartbox .input_gray {
 margin: 0px 0px 10px 10px;
}
#cartbox .input_gray .inner {
 width: 80%;
 padding: 3px;
}
#cartbox .input_gray .inner div {
}
#cartbox .input_gray .inner .count {
 display: inline;
}
#cartbox .input_gray .inner .text1 {
 display: inline;
}
#cartbox .input_gray .inner .text2 {
 display: inline;
}
#cartbox .info {
}

/* -------------------------------------------------------------------------- NEWS BOX */

#newsbox_right {
 margin: 20px 0px 0px 0px;
}
#newsbox_right h1 {
 padding: 5px 10px 10px;
}

/* -------------------------------------------------------------- NEWSLETTER SUBSCRIBE */

#newsletterbox {
 margin: 15px 0px 0px 0px;
}
#newsletterbox h1 {
 padding: 5px 10px 10px;
}
#newsletterbox .input_orange {
 margin: 0px 0px 10px 10px;
}
#newsletterbox .input_orange input.orange {
 width: 80%;
 padding: 3px;
}
#newsletterbox #submit_subscribe {
 background: url(../design/wai_button_submit.png) no-repeat;
 border: 0px;
 width: 65px;
 height: 26px;
 margin: 10px 0px 0px 10px;
 cursor: pointer;
}
#newsletterbox #submit_subscribe:hover {
 background: url(../design/wai_button_submit_over.png) no-repeat;
}

/* ------------------------------------------------------------------------------ MISC */

h1 {
 font-size: 140%;
 font-weight: bold;
}
h1 span.sub {
 border-right: 1px solid #FFFFEE;
 margin-right: 10px;
 padding-right: 10px;
}
.em { font-weight: bold; }
.upper { text-transform: uppercase; }

.clear { width: 0px; height: 0px; clear: both; }
.clear2 { clear: both; }
html>body .clear2 { width: 0px; height: 0px; clear: both; }
.clear3 { height: 0px; clear: both; font-size: 0px; line-height: 0px; }
.fleft { float: left; }
.fright { float: right; }
.center { text-align: center; }
.right { text-align: right; }
.hidden { display: none; visible: hidden; }
.info, .info2 { font-size: 90%; }
.wai_img { display: inline; }

form { display: inline; }
label.input { margin-top: 4px; display: block; float: left; }
input.input { padding: 0.25em; }
* html input.input { margin: -1px 0px; }
div.radio { padding-left: 25px; text-indent: -25px; }
div.radio span { position: relative; padding-right: 5px; }
* html div.radio span input { margin: -3px -3px 0px -4px; }
textarea.input {
 width: 80%;
}

