html { overflow-y: scroll; }
body { margin: 0; padding: 0; background: #000; color: #FFF; text-align: center; }
body, td { font-family: Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 150%; }
input, select, textarea { font-family: Arial, sans-serif; font-size: 12px; border: 1px solid #333; padding: 1px 2px; }
img { border: 0; }
p { margin: 5px 0; padding: 0; }
a:link, a:visited { text-decoration: none; color: #BD7B3D; }
h1, .form_title { clear: right; font: 20px 'News Gothic', Arial, sans-serif; font-weight: normal; margin: 0; padding: 5px 0; text-transform: uppercase; color: #E3212A; }
h1.c2 { background-color: #985E26; background-position: -2px 4px; color: #FFF; }
h1.replaced { background-position: -2px 4px; height: 25px; margin-bottom: 8px; }
h2 { font: 16px 'News Gothic', Arial, sans-serif; font-weight: bold; margin: 0 0 15px; padding: 2px 0; color: #E3212A; }
table.form, table.form_end { width: 100%; }

#sheet { margin: 10px auto; width: 920px; text-align: left; }
#header { position: relative; /*background: url(/gfx/header_bg.jpg) no-repeat top left;*/ height: 407px; }
#headersub { position: relative; height: 218px; }
#logo { position: absolute; top: 6px; left: 10px; z-index: 10; }
#menu { margin: 0; padding: 0 0 0 150px; list-style: none; width: 520px; height: 28px; top: 47px; left: 0; position: absolute; background: url(/gfx/menu_bg.png); }
#menu li { margin: 0; padding: 5px 25px 0 0; float: left; }
#menu li a:link, #menu li a:visited { font-size: 14px; font-weight: bold; color: #402418; }
#menu li a:hover { color: #E3212A; }
.choose_language { position: absolute; left: 680px; top: 8px; width: 150px; }
.log_in { position: absolute; right: 10px; top: 8px; }
.log_in a:link, .log_in a:visited { color: #FFF; }
#nav { float: left; width: 670px; }
#nav.rolunk { background: url(/gfx/nav_bg_rolunk.jpg) no-repeat; }
#nav.termekek { background: url(/gfx/nav_bg_termekek.jpg) no-repeat; }
#nav.kave { background: url(/gfx/nav_bg_kave.jpg) no-repeat; }
#nav.barista { background: url(/gfx/nav_bg_barista.jpg) no-repeat; }
#categorytitle { position: absolute; left: 0; top: 168px; width: 180px; height: 30px; padding: 20px 0 0 10px; font: 20px 'News Gothic', Arial, sans-serif; background: url(/gfx/menu_bg.png); color: #402418; }
#header #nav { height: 407px; }
#headersub #nav { height: 218px; }
#productmenu { position: absolute; left: 0; top: 377px; width: 670px; height: 30px; margin: 0; padding: 0; list-style: none; }
#productmenu li { float: left; width: 158px; height: 29px; margin: 0 0 0 10px; padding: 0; background: url(/gfx/menu_bg.png); text-align: center; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
#productmenu li.first { margin-left: 0; }
#productmenu a:link, #productmenu a:visited { display: block; font-size: 14px; font-weight: bold; color: #402418; padding: 6px 0 0 0; }
#productmenu a:hover { color: #E3212A; }
#productmenu li ul { margin: -282px 0 0 -1px; padding: 0; list-style: none; }
#productmenu li ul li { margin: 0; padding: 5px; height: 246px; width: 148px; background: url(/gfx/menu_bg.png); color: #402418; font-size: 11px; }
#info { float: left; width: 206px; background: url(/gfx/info_bg.jpg) repeat-x; height: 317px; padding: 80px 22px 10px; color: #FFF; overflow: hidden; }
#infosub { float: left; width: 250px; height: 218px; overflow: hidden; }
#infosub p { margin: 0; }
#info h1, #infosub h1 { color: #FFF; }
#footer  { text-align: center; }

#main { position: relative; }
#main.default { height: 690px; margin: 30px 0 0 0; }
#box1 { width: 177px; height: 175px; position: absolute; left: 0; top: 0; }
#box1.padd { width: 167px; height: 165px; }
#box2 { width: 186px; height: 175px; position: absolute; left: 199px; top: 0; }
#box2.padd { width: 176px; height: 165px; }
#box3 { width: 514px; height: 365px; position: absolute; left: 406px; top: 0; }
#box3.padd { width: 504px; height: 355px; }
#box3 .overlay { position: absolute; bottom: 20px; left: 160px; right: 20px; }
#box4 { width: 385px; height: 167px; position: absolute; left: 0; top: 197px; }
#box4.padd { width: 341px; height: 147px; padding: 10px 22px; background-image: url(/gfx/box1_bg.gif); background-repeat: no-repeat; background-position: bottom left; }
#box5 { width: 920px; min-height: 175px; position: absolute; left: 0; top: 385px; }
#box5.padd { width: 900px; padding: 10px 10px 0; }
.padd { padding: 5px; background: #C69D6F; color: #000407; }
.padd h1, .overlay h1 { color: #653B15; color: #402418; text-transform: none; margin-bottom: 0; height: 26px; }
.overlay { position: absolute; bottom: 20px; left: 20px; right: 20px; padding: 10px 22px; background: url(/gfx/overlay_bg.png); color: #402418; }

#left { float: left; width: 190px; }
#container { float: left; width: 712px; margin: 10px 0 0 18px; background: url(/gfx/content_bg.jpg) repeat-y; }
#containerin { margin: 16px; background: #FFF url(/gfx/box2_bg.gif) no-repeat bottom right; color: #402418; padding: 15px; }
#content { float: left; width: 460px; margin: 0 10px 0 0; }
#right { float: left; width: 180px; }
#right h1 { background-color: #985E26; color: #FFF; padding: 3px; margin: 0; text-transform: none; }
#right h1.replaced { background-position: 10px 4px; }
.paddleft { margin-left: 10px; }
#submenu { margin: 0; padding: 0 0 0 10px; list-style: none; background: url(/gfx/menu_bg.png); }
#submenu li { margin: 0; padding: 2px 0; }
#submenu a:link, #submenu a:visited { color: #402418; display: block; }
#submenu a:hover, #submenu a.active:link, #submenu a.active:visited  { color: #E3212A; }
#loginbox, #cartbox { background: url(/gfx/menu_bg.png); padding: 5px; color: #402418; }
#login_user, #login_password { border: 0; width: 175px; }
#login_button { border: 0; color: #402418; }
#loginbox a:link, #loginbox a:visited { color: #402418; }
#loginbox a:hover { color: #E3212A; }
#relatedcontent, .containerin { margin: 0 16px 16px; background: #FFF; color: #402418; padding: 15px; }
.receipt  { clear: both; margin: 5px 20px 10px; }
#taglist { margin: 0 0 0 10px; padding: 0; list-style: none; }
#taglist li { margin: 2px 0; padding: 0; }
.title { font-size: 14px; font-weight: bold; color: #402418; }

ul.categorylist { margin: 0; padding: 0 0 0 10px; list-style: none; background: url(/gfx/menu_bg.png); }
ul.categorylist a:link, ul.categorylist a:visited { color: #402418; display: block; }
ul.categorylist a:hover, ul.categorylist a.active:link, ul.categorylist a.active:visited  { color: #E3212A; }
ul.categorylist ul { margin: 0; padding: 0 0 0 10px; list-style: none; }
.product_item { float: left; width: 180px; height: 200px; margin: 0 18px; text-align: center; font-weight: bold; }
.productname { display: block; background: #422311; margin-top: -5px; }
.product_item a:link, .product_item a:visited { color: #FFF; height: 20px; padding: 6px 0 2px; }
.price { color: #E3212A; }
.productpicturebig { float: left; margin: 0 10px 10px 0; }
.allpictures { display: none; }
#producttools { clear: both; margin: 20px 0 0; position: relative; }
#addtocart { position: absolute; left: 240px; bottom: 0; width: 200px; text-align: center; }
#addtocart .price { font-size: 15px; margin: 10px 0; font-weight: bold; }
#addtocart_button { display: block; margin: 8px auto 0; }
#addtocart_button, #back_to_shop_button, #checkout_button, #loginbutton, #profile_submit_button, #registration_submit_button
 { border: 0; background: url(/gfx/button_bg.gif) no-repeat; font-weight: bold; text-align: center; color: #FFF; width: 143px; height: 34px; }
#cassa_submit_button, #cassa_extra_button_0 
 { border: 0; background: url(/gfx/button2_bg.gif) no-repeat; font-weight: bold; text-align: center; color: #FFF; width: 223px; height: 34px; }
#checkoutprogressbox { height: 40px; border-bottom: 1px dotted; }
#checkoutprogressbox .level { float: left; width: 162px; }
#checkoutprogressbox .active { font-weight: bold; }
#editcart { width: 650px; }
#editcart thead td { font-weight: bold; }
.coluser  { width: 90px; }
.colproduct  { width: 280px; }
.colprice  { width: 80px; }
.colquantity  { width: 200px; }
#order_preview { width: 400px; margin: 20px 0; }
#order_products_preview { width: 650px; }
#order_products_preview thead td { font-weight: bold; }

#maps_ifr { width: 460px; height: 300px; overflow: hidden; border: 2px solid #646464; margin-top: 25px; padding: 0; }

.success { margin: 0 40px; padding: 2px; background: #0F0; color: #FFF; font-weight: bold; }
.failure { margin: 0 40px; padding: 2px; background: #F00; color: #FFF; font-weight: bold; }
.required { font-weight: bold; }
.error { color: #F00; }
.clear { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
img.left { float: left; }
img.right { float: right; }