/** MAIN **/
BODY { margin: 0; padding: 0; font-family: Tahoma; font-size: 12px; background: #FFF; color: #000; }

A { color: #252a17; text-decoration: none; }
A:hover { color: #283C7A; text-decoration: underline; }

A IMG { border: 0; text-decoration: none; }

FORM { margin: 0; padding: 0; }

H1 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; }
H2 { font-size: 14px; font-weight: normal; margin: 0; padding: 0; }
H3 { font-size: 12px; font-weight: normal; margin: 0 0 10px 0; padding: 0; }

H1.info { font-size: 14px; color: #555; margin: 0 0 10px 0; }
H1.info A, H1.grey A { color: #555; }

/** STRUKTÚRA **/
#container { margin: 0 auto; width: 779px; position: relative; }
#footer { margin: 20px auto; color: #555; font-size: 11px; text-align: center; }

/** HEADER **/
#header { height: 145px; z-index: 1; border-bottom: 5px solid #000; }

#menu { position: absolute; top: 124px; right: 0px; border-right: 1px solid #807F80; list-style: none; margin: 0; padding: 0; list-style: none; z-index: 1; }
#menu li { float: left; border: 1px solid #000; border-bottom: none; border-right: none; }
#menu li a { background: #f5ca01; border-bottom: 5px solid #000; color: #000; display: block; text-align: center; text-decoration: none; padding: 3px 10px; }
#menu li a:hover { border-bottom: 5px solid #FFF; text-decoration: none; }
#menu li.last a { font-size: 10px; width: 100px; padding: 4px 0; background: #EAD085; }
* html #menu { right: -1px; }

#jobbfelso { position: absolute; top: 3px; right: 5px; font-size: 11px; margin: 0; padding: 0; list-style: none; }
#jobbfelso li { margin: 0; padding: 0 0 0 5px; float: left; position: relative; color: #fff; }
#jobbfelso li a { color: #fff; text-decoration: none; }
#jobbfelso li a:hover { color: #fff; text-decoration: underline; }
#jobbfelso li:hover > ul { display: block; }
#jobbfelso li.over ul { display: block; }
#jobbfelso li ul { display: none; background: #E3E3E1; margin: 0; padding: 5px; list-style: none; position: absolute; top: 13px; left: 0; }
#jobbfelso li ul li { margin: 0; padding: 2px 0; width: 120px; clear: both; float: none; }
#jobbfelso li ul li a { display: block; width: 100%; }

#flags { margin-left: 5px; }

#table { overflow: hidden; }
#leftcol { width: 217px; float: left; }
#maincol { width: 562px; float: left; }
#inner { padding: 6px; }


/** BAL OSZLOP BOXOK **/

#leftcol h2 { text-align: right; padding: 4px 5px 5px 0; font-size: 13px; font-weight: bold; color: #FFF; }
#box_login { background: url(images/box_login.jpg) no-repeat top left; width: 206px; height: 102px; margin-bottom: 7px; }
#box_search { background: url(images/box_search.jpg) no-repeat top left; width: 206px; height: 102px; margin-bottom: 7px; }
#box_cart { background: url(images/box_cart.jpg) no-repeat top left; width: 206px; height: 103px; margin-bottom: 7px; }
#box_termekajanlo { background: url(images/box_termekajanlo.jpg) no-repeat top left; width: 206px; height: 210px; margin-bottom: 7px; }

#leftcol .inner { margin: 20px 0 0 70px; }
#box_cart .inner { margin-top: 13px; }

/** BOX LOGIN **/
#box_login .inner { margin: 5px 3px 0 28px; text-align: right; }
#box_login input { font-size: 10px; width: 110px; border: 0; }
#box_login .nick { background: url(images/inputbg.gif) no-repeat top left; width: 108px; height: 17px; padding: 3px; border: 0; }
#box_login .pass { float: left; background: url(images/inputbg_pass.gif) no-repeat top left; width: 86px; height: 17px; padding: 3px; border: 0; margin-left: 61px; }
* html #box_login .nick { background-attachment: fixed; }
* html #box_login .pass { background-attachment: fixed; }
#box_login .go { float: right; width: 18px; height: 18px; margin: 0 0 0 3px; }
#box_login a { text-decoration: none; }
#box_login a:hover { text-decoration: underline; }
#box_login .reglink { padding: 3px 5px 0 0; font-size: 11px; text-align: right; clear: both; }
#box_login .modlink { padding: 5px 5px 0 0; font-size: 11px; text-align: right; line-height: 16px; }
#box_login .logined { padding: 0 5px 0 0; text-align: right; }
* html #box_login .reglink { padding-top: 2px; }

/** BOX KERESÉS **/
#box_search .inner { margin: 5px 0 0 88px; }
#box_search .input { font-size: 10px; background: url(images/inputbg.gif) no-repeat top left; width: 108px; height: 14px; padding: 3px; border: 0; }
* html #box_search .input { background-attachment: fixed; }
#box_search select { font-size: 10px; width: 115px; }
#box_search .button { font-size: 10px; margin: 3px 3px 0 0; float: right; }

/** BOX TERMÉKAJÁNLÓ **/
#box_termekajanlo .inner { margin: 8px 0 0 0; text-align: center; }
#box_termekajanlo div div { padding-bottom: 4px; }

/** "GOMBOK" **/
.icon_cart { margin: 5px 0 6px -10px; line-height: 17px; }
.icon_cart a { background: url(images/icon_cart.gif) no-repeat 0 50%; padding: 2px 0 2px 35px; }
.icon_details { margin: 5px 0 6px -2px; line-height: 17px; }
.icon_details a { background: url(images/icon_details.gif) no-repeat 0 50%; padding: 2px 0 2px 35px; }
.icon_print a { background: url(images/icon_print.gif) no-repeat 0 50%; padding: 3px 0 3px 20px; }
.already_in_the_cart { background: url(images/icon_cart.gif) no-repeat 0 3px; padding: 3px 0 3px 30px; margin: 15px 0 5px 0; }
.already_in_the_cart2 { background: url(images/icon_cart.gif) no-repeat 25px 50%; padding: 3px 0 3px 40px; margin: 3px 0 6px -10px; }

.pdf { background: url(images/pdf.gif) no-repeat top left; padding: 0 0 5px 25px; margin-bottom: 5px; line-height: 19px; }

/** FŐOLDAL ÜDVÖZLŐ BOX **/
#mainpage #hello { margin-bottom: 10px; }
#mainpage #hello #green { width: 343px; background: url(images/gradient_green.gif); border: 1px solid #000; border-right: 0; height: 167px; margin: 0; }
#mainpage #hello #green h1 { margin: 10px 6px; color: #fff; }
#mainpage #hello #green p { margin: 6px; }

#hello_picture { position: absolute; top: 139px; right: 0; z-index: 10; }

/** FŐOLDAL TERMÉKAJÁNLÓK **/
#mainpage #bigpic { background: url(images/dots_vertical.gif) repeat-y top right; width: 290px; margin-right: 10px; float: left; }
#mainpage #boxes { width: 260px; float: left; }
#mainpage #boxes #box1 { background: url(images/dots_horizontal.gif) repeat-x bottom left; padding-bottom: 10px; margin-bottom: 10px; display: table; width: 100%; height: 100%; position: relative; }
#mainpage #boxes #box1 img { float: left; margin-right: 5px; }
#mainpage #boxes #box2 { position: relative; width: 100%; }
#mainpage #boxes h2 { margin: 10px 0; color: #990019; }
#mainpage #boxes h2 A { color: #990019 !important; }
#mainpage #boxes div { font-size: 11px; }
#mainpage #boxes ul { list-style: none; margin: 0; padding: 15px 0 0 0; font-size: 11px; float: right; clear: both; }
#mainpage #boxes li { margin: 0; padding: 0 0 0 5px; float: left; }
#mainpage #boxes li.icon_details { margin-left: 0 !important; }
#mainpage #boxes li.icon_cart { margin-left: 0 !important; }

/** CART **/
#cart { margin-top: 15px; }
#cart THEAD TD { background: #feea88; font-weight: bold; font-size: 12px; border-bottom: 1px solid #8A8A8A; }
#cart TBODY TD { border-bottom: 1px solid #8A8A8A; padding: 10px 0; }
#cart .kep { float: left; margin: 0 15px 0 10px; }
#cart TFOOT TD { background: #feea88; font-weight: bold; font-size: 12px; }
#cart TFOOT TD A { color: #000; }
#cart h1 a { font-size: 14px; }
#cart h3 { margin: 0; padding: 0; }
#cart h3.info { margin-top: 5px; }
#cart h3.info a { color: #8A8A8A; }

#itemnev TD { border: 0 !important; }

/** PRICELIST **/
#pricelist { margin-top: 15px; }
#pricelist h1 { background: #feea88; font-weight: bold; font-size: 12px; border-bottom: 1px solid #8A8A8A; padding: 4px 0 0 0; width: 100%; overflow: hidden; }
#pricelist h1 span { float: left; padding: 0 4px; }
#pricelist h1 a { display: block; color: #000; width: 480px; float: left; margin: 0 20px 4px 0; }
#pricelist h1 input { float: left; padding: 0 0 4px 0; }
#pricelist h2 { background: #FFF; font-weight: normal; font-size: 12px; border-bottom: 1px solid #8A8A8A; padding: 5px 0 5px 16px; }
#pricelist h2 a { display: block; color: #000; width: 100%; }
#pricelist h3 { margin: 0; padding: 0; }
#pricelist h3.info { margin-top: 5px; font-weight: bold; }
#pricelist h3.info a { color: #8A8A8A; }
#pricelist h4 { font-size: 10px; color: #8A8A8A; margin: 0; padding: 3px 0; font-weight: normal; }
#pricelist .products { margin: 5px 0 20px 16px; }
#pricelist .loading { color: #8A8A8A; }
#pricelist TBODY.termekek TD { border-bottom: 1px solid #CCC; padding: 5px 0; }

/** LIST **/
#thumblist { width: 100%; height: 100%; overflow: hidden; margin-top: 10px; }
#thumblist .thumb { width: 116px; float: left; text-align: center; padding: 10px 0; }
#thumblist .thumb img { margin-bottom: 10px; padding: 0; }
#thumblist .thumb div { line-height: 24px; }

/*********/
#maincol ul li { padding: 2px 0; }

.price { font-size: 120%; font-weight: bold; color: #555; }
.number { font-size: 130%; font-weight: bold; margin: 5px 0 15px 0; }
.numberOldPrice { font-size: 110%; text-decoration: line-through; margin: 0; color: #8A8A8A; }
.numberNewPrice { font-size: 130%; font-weight: bold; margin: 5px 0 0 0; color: red; }
.numberNewPriceNormalSize { font-weight: bold; margin: 5px 0; color: red; }
.oldPrice { text-decoration: line-through; color: #8A8A8A; }
.not_available { font-size: 130%; color: #555; }
.bigcentered { margin: 50px auto; text-align: center; font-size: 150%; font-weight: bold; }

/** CHECKOUT **/
#checkout { margin: 15px 0 0 0; }
#checkout .tdleft { background: #FFF; font-weight: bold; width: 200px; border-bottom: 1px solid #8A8A8A; }
#checkout .tdright { background: #FFFFE1; width: 324px; border: 1px solid #8A8A8A; border-top: 0; border-right: 0; cursor: pointer; }
#checkout .over { background: #feea88; }
#checkout .input { font-family: Tahoma; font-size: 12px; width: 314px; }
#checkout .hide { display: none; }
#megjegyzes { width: 314px; height: 120px; font-family: Tahoma; font-size: 12px; }

#fizetesi_modok { margin: 10px 30px 10px 30px }
#fizetesi_modok label { font-weight: bold; }
#fizetesi_modok p { margin: 10px 30px 20px 25px; }

/** EGYEBEK **/
.nyilbal { background: url(images/nyilbal.gif) no-repeat 0 50%; padding-left: 13px; }
.nyil { background: url(images/nyil.gif) no-repeat 100% 50%; padding-right: 13px; }
.duplanyilbal { background: url(images/nyilbal.gif) repeat-x 0 50%; padding-left: 13px; }
.duplanyil { background: url(images/nyil.gif) repeat-x 0 50%; padding-right: 13px; }
.selectedLapozasLink { background: #b9c990; padding: 2px 5px; }

/* REGISZTRÁCIÓ TÁBLÁZAT */
#table_reg { border: 1px solid #90A1B0; border-bottom: 0; }
#table_reg .desc { background: #feea88; font-weight: bold; font-size: 12px; border-bottom: 1px solid #90A1B0; padding-left: 10px; }
#table_reg .value { border-bottom: 1px solid #90A1B0; padding: 10px 10px; }

/* TERMÉK OLDAL */
.wallpapers { width: 125px; float: left; text-align: center; font-size: 11px; }
.wallpapers img { margin-bottom: 10px; }
.gradient_sarga { background: url(images/gradient_sarga.gif) repeat-x top left; border-left: 1px solid #959E8B; border-right: 1px solid #959E8B; padding: 0 6px; height: 17px; display: block; font-size: 11px; line-height: 15px; float: left; margin-right: 3px; color: #000; }
.gradient_zold { background: url(images/gradient_zold.gif) repeat-x top left; border-left: 1px solid #959E8B; border-right: 1px solid #959E8B; padding: 0 6px; height: 17px; display: block; font-size: 11px; line-height: 15px; float: left; margin-right: 3px; color: #000; }

.doboz_zold { background: #feea88; border: 1px solid #d5ac00; padding: 2px 4px; margin: 4px 0; }
.doboz_zold p { margin: 6px 0; }
.doboz_sarga { background: #FAF2DD; border: 1px solid #D5BB70; padding: 2px 4px; margin: 4px 0; }
.doboz_sarga p { margin: 6px 0; }

/* FIELDSET */

fieldset { margin-bottom: 10px; -moz-border-radius: 5px; padding: 6px; line-height: 18px; }
fieldset legend { color: #0046D5; padding: 0 10px 0 5px; line-height: 18px; }
fieldset legend img { margin-right: 5px; border: 1px solid #000; }
fieldset legend img.sima { margin-right: 5px; border: 0px none; vertical-align: middle; }
:root fieldset { border: 1px solid #D0D0BF; margin: 20px 0 10px 0; padding: 10px 6px 20px 6px; }
fieldset fieldset { margin: 0; }

/* TERMÉK REGISZTRÁCIÓ */
.serial1, .serial2 { width: 185px; width: 185px; height: 15px; }
.serial1 { font-family: Tahoma; color: #8A8A8A; }
.serial2 { font-family: Courier; color: #000; }
.exkluzivIkon { padding-right: 30px; background: url(images/star3.gif) no-repeat 140px 50%; }