/* html */
html {
background: #F4F5EF;
margin: auto;
height: 100%;
}




/* ----------------------------------------------------------------------------- */
/* body */
body {
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
line-height: 20px;
text-align: center;
margin: auto;
min-height:100%;
}

table {
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
line-height: 20px;
}




/* ----------------------------------------------------------------------------- */
/* container */
#container {
text-align: left;
margin: auto;
width: 821px;
position: relative;
}




/* ----------------------------------------------------------------------------- */
/* language bar and search option */
#searchlang {
background: #DC211A;
width: 821px;
height: 45px;
}
/* ---------------- */
/* language bar */
#language {
width: 200px;
height: 45px;
text-align:left;
position: absolute;
}
#language ul {
position: absolute;
margin-left: -18px;
}
#language li {
float: left;
list-style-type: none;
}
#language li a {
display: block;
width: 50px;
height: 45px;
color: #DEDEDE;
text-decoration: none;
font-size: 12px bold;
font-weight: bold;
}
#language li a:hover {
color: #FFFFFF;
text-decoration: none;
}
/* ---------------- */
/* search form */
#search {
width: 300px;
height: 45px;
text-align:left;
position: absolute;
margin-left: 595px;
}
#search ul {
position: absolute;
margin-left: -35px;
margin-top: -15px;
}
#search li {
float: left;
list-style-type: none;
}
#search li a {
display: block;
width: 110px;
height: 65px;
color: #DEDEDE;
text-decoration: none;
font-size: 12px bold;
font-weight: bold;
}
#search li a:hover {
color: #FFFFFF;
text-decoration: none;
}





/* ----------------------------------------------------------------------------- */
/* menus, submenus and banner */
#menubanner {
width: 821px;
height: 199px;
text-align:left;
position: absolute;
}
/* ---------------- */
/* navigation */
#navigation {
width: 821px;
height: 126px;
background: url(../interface/menu_bg.png) no-repeat;
text-align:left;
position: absolute;
margin-top: -270px;
}
#navigation h1.magyar {
width: 155px;
height: 76px;
background: url(../interface/logo_hu.png) no-repeat;
text-indent: -9999px;
margin-top: -15px;
}
#navigation h1.roman {
width: 155px;
height: 76px;
background: url(../interface/logo_ro.png) no-repeat;
text-indent: -9999px;
margin-top: -15px;
}
#navigation ul {
position: absolute;
top: 30px;
margin-left: 110px;
margin-top: -15px;
}
#navigation li {
float: left;
list-style-type: none;
}
#navigation li a {
display: block;
width: 93px;
height: 50px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
text-align: center;
}
#navigation li a:hover {
background: url(../interface/activ_menu.png) no-repeat;
display: block;
width: 93px;
height: 50px;
color: #000000;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
}
#navigation li a.active {
background: url(../interface/activ_menu.png) no-repeat;
display: block;
width: 93px;
height: 50px;
color: #000000;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
}
/* ---------------- */
/* banner */
#banner img {
margin-top: 52px;
}
/* ---------------- */
/* submenu */
#submenu {


}
#activesubmenu {
width: 821px;
height: 54px;
margin-top: -21px;
background: #FFFFFF url(../interface/submenu_bg.png) no-repeat;; 
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}





/* ----------------------------------------------------------------------------- */
/* content */
#content {
background-color: #FFFFFF;
width: 821px;
text-align: justify;
padding-top: 265px;
}
/* ---------------- */
/* main content */
#main {
background-color: #FFFFFF;
text-align: justify;
padding: 15px;
}


/* tartalom content */
/* background: #FFFFFF url(../interface/content_bg.png) no-repeat bottom; */
/* padding-bottom: 100px; */
#tartalom {
text-align: justify;
}


/* ---------------- */
/* tabber content */
#tabber {
background: #FFFFFF url(../interface/tab_bg.jpg) repeat-x;
height: 48px;
padding: 0;
}
#tabber a {
line-height: 4em;
color: #000000;
padding-left: 5px;
padding-right: 5px;

}
/* tabber content */
#brands {
background: #FFFFFF;
width: 100%;
}
#categorys {
background: #FFFFFF;
width: 100%;
display: none;
}

/* ---------------- */
/* promo product, login registered users and news */
#progregnew {
background: #FFFFFF url(../interface/progregnew_bg.png) repeat-x;
text-align: justify;
padding: 20px;
height: 242px;
margin-left: 10px;
margin-right: 10px;
}
/* promo product*/
#promo {
width: 240px;
height: 242px;
text-align: justify;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
}
#promo p {
text-align: justify;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
color: #000000;
margin-top: 20px;
}
#promo h2 {
text-align: justify;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
color: #FFFFFF;
margin-top: -8px;
}
#more {
margin-top: -10px;
margin-left: 150px;
}

/* login*/
#login {
width: 240px;
height: 242px;
text-align: justify;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
margin-top: -252px;
margin-left: 290px;
}
#login h2 {
text-align: justify;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
color: #FFFFFF;
}
#login table {
margin-top: 10px;
}
#login a {
text-align: justify;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
color: #DD0023;
text-decoration: none;
}


/* news */
#news {
width: 240px;
height: 242px;
text-align: justify;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
margin-top: -252px;
margin-left: 490px;
}
#news p {
text-align: justify;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
color: #000000;
margin-top: 20px;
}
#news h2 {
text-align: justify;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
color: #FFFFFF;
margin-top: 10px;
}
#more {
margin-top: -10px;
margin-left: 150px;
}




/* ----------------------------------------------------------------------------- */
/* footer */
#footer {
width: 821px;
height: 130px;
position: absolute;
background: url(../interface/footer.jpg) no-repeat;
}
/* ---------------- */
/* copyrights */
#copyrights {
background: #33363D;
width: 300px;
height: 50px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
margin-top: 60px;
margin-left: 20px;
}
#copyrights a {
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
}
#copyrights a:hover {
color: #DEDEDE;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
}

/* ---------------- */
/* powered */
#powered {
background: #33363D;
width: 250px;
height: 50px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
margin-left: 550px;
margin-top: -10px;
text-align: right;
}
#powered a {
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
}
#powered a:hover {
color: #DEDEDE;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
}
/* ---------------- */
/* footer brands */
#footerbrands {
width: 800px;
height: 50px;
margin-top: -105px;
margin-left: 60px;
}
#footerbrans ul {
position: absolute;
text-align: center;
}
#footerbrands li {
float: left;
list-style-type: none;
}
#footerbrands li a.hera {
background: url(../interface/hera_inactiv.jpg) no-repeat;
display: block;
width: 50px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.hera:hover {
background: url(../interface/hera_activ.jpg) no-repeat;
display: block;
width: 50px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.trinat {
background: url(../interface/trinat_inactiv.jpg) no-repeat;
display: block;
width: 50px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.trinat:hover {
background: url(../interface/trinat_activ.jpg) no-repeat;
display: block;
width: 50px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.prolux {
background: url(../interface/prolux_inactiv.jpg) no-repeat;
display: block;
width: 66px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.prolux:hover {
background: url(../interface/prolux_activ.jpg) no-repeat;
display: block;
width: 66px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.modakril {
background: url(../interface/modakril_inactiv.jpg) no-repeat;
display: block;
width: 85px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.modakril:hover {
background: url(../interface/modakril_activ.jpg) no-repeat;
display: block;
width: 85px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.thermotek {
background: url(../interface/thermotek_inactiv.jpg) no-repeat;
display: block;
width: 93px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.thermotek:hover {
background: url(../interface/thermotek_activ.jpg) no-repeat;
display: block;
width: 93px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.aquakolor {
background: url(../interface/aquakolor_inactiv.jpg) no-repeat;
display: block;
width: 80px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.aquakolor:hover {
background: url(../interface/aquakolor_activ.jpg) no-repeat;
display: block;
width: 80px;
height: 17px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.fresco {
background: url(../interface/fresco_inactiv.jpg) no-repeat;
display: block;
width: 61px;
height: 18px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.fresco:hover {
background: url(../interface/fresco_activ.jpg) no-repeat;
display: block;
width: 61px;
height: 18px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.colormix {
background: url(../interface/colormix_inactiv.jpg) no-repeat;
display: block;
width: 50px;
height: 25px;
margin-right: 10px;
margin-top: 10px;
}
#footerbrands li a.colormix:hover {
background: url(../interface/colormix_activ.jpg) no-repeat;
display: block;
width: 50px;
height: 25px;
margin-right: 10px;
margin-top: 10px;
}
/* ----------------------------------------------------------------------------- */
/* submenu */
a {
color: #E22F2D;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
}

a:hover {
color: #000000;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
}

h1 {
color: #FFFFFF;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
background: url(../interface/title_bg.jpg) no-repeat;
width: 450px;
height: 29px;
padding: 5px 5px 5px 25px;
}
.code {BACKGROUND: #FFFFFF; BORDER-BOTTOM: #FFFFFF 0px solid; BORDER-LEFT: #FFFFFF 0px solid; BORDER-RIGHT: #FFFFFF 0px solid; BORDER-TOP: #FFFFFF 0px solid; COLOR: #000000; FONT: 16px verdana; FONT-WIDTH: 100px; font-weight: bold; }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
border: 1px solid black;
padding: 2px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
text-align: left;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.red {
color: #DD0023;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
}

.logedin {
color: #DD0023;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 14px;
font-weight: bold;
}

.redrent {
color: #DD0023;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 24px;
font-weight: bold;
}


.box {
color: #E22F2D;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
}

.box:hover {
color: #000000;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
}

#prodcats  {
width: 498px;
margin-left: -30px;
}

#prodcats li {
float: left;
list-style-type: none;
}

#prod1 a {
background: url(../interface/products/prod1.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod1 a:hover {
background: url(../interface/products/prod1_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod2 a {
background: url(../interface/products/prod2.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod2 a:hover {
background: url(../interface/products/prod2_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod3 a {
background: url(../interface/products/prod3.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod3 a:hover {
background: url(../interface/products/prod3_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod4 a {
background: url(../interface/products/prod4.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod4 a:hover {
background: url(../interface/products/prod4_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod5 a {
background: url(../interface/products/prod5.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod5 a:hover {
background: url(../interface/products/prod5_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod6 a {
background: url(../interface/products/prod6.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod6 a:hover {
background: url(../interface/products/prod6_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod7 a {
background: url(../interface/products/prod7.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod7 a:hover {
background: url(../interface/products/prod7_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod8 a {
background: url(../interface/products/prod8.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod8 a:hover {
background: url(../interface/products/prod8_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod9 a {
background: url(../interface/products/prod9.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod9 a:hover {
background: url(../interface/products/prod9_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod10 a {
background: url(../interface/products/prod10.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod10 a:hover {
background: url(../interface/products/prod10_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod11 a {
background: url(../interface/products/prod11.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod11 a:hover {
background: url(../interface/products/prod11_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}

#prod12 a {
background: url(../interface/products/prod12.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 16px;
font-weight: bold;
padding-left: 100px;
padding-top: 15px;
}
#prod12 a:hover {
background: url(../interface/products/prod12_hover.png) no-repeat;
display: block;
width: 498px;
height: 49px;
color: #000000;
}
div.area {
display: block;
height: 255px;
margin-top: 15px;
}
      div.nav { position: absolute; top: 280px; right: 5px; }
      div.nav div.current, div.nav a { width: 12px; height: 12px; margin: 0 8px 0 0; float: left; overflow: hidden; }
      div.nav a:hover { text-decoration: none; }
      div.nav div.current { background: #c00; }
      div.nav a { display: block; background: #ccc; }