/*
$ http://www.jatsszvelem.hu $
$ style/style.css | 2008/10/01 10:30 | 2009/01/05 11:36 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial; font-size: 12px; color: #006591; background: url(bg.jpg) repeat top left; }
img { border: none; }

a:link { color: #006591; text-decoration: underline; }
a:visited { color: #006591; text-decoration: underline; }
a:hover { color: #006591; text-decoration: none; }

form { margin: 0 !important; padding: 0 !important; }

div#page { width: 100%; min-height: 470px; height: auto !important; height: 470px; background: url(bg_v.jpg) repeat-x top left; }
div#container { width: 980px; margin: 0 auto; }


/*
  --------------------
  - Fejléc -----------
  --------------------
*/
div#header { position: relative; width: 980px; height: 157px; background: url(header/header_bg.jpg) no-repeat top left; z-index: 200; }
  div#namedays { position: absolute; top: 0px; left: 310px; width: 475px; height: 30px; color: #397485; font-size: 10px; font-weight: bold; overflow: hidden; }
    div#namedays span { color: #FFFFFF; font-weight: normal; }
    div#namedays div#today { float: left; width: 144px; height: 30px; padding: 0 6px; }
    div#namedays div#tomorrow { float: left; width: 154px; height: 30px; padding: 0 6px; }
    div#namedays div#day-after-tomorrow { float: left; width: 144px; height: 30px; padding: 0 6px; }

    ul#toplinks { position: absolute; top: 5px; left: 795px; margin: 0; padding: 0; list-style-type: none; font-size: 11px; }
      ul#toplinks li { float: left; margin: 0; padding: 0 6px; border-right: #FFFFFF 1px solid; color: #FFFFFF; line-height: 11px; }
      ul#toplinks li.last { margin: 0; padding: 0 6px; border-right: none; }
      ul#toplinks li a { width: auto; margin: 0; padding: 0; color: #FFFFFF; text-decoration: none; }
      ul#toplinks li a:hover { text-decoration: underline; }

  a#logo { display: block; position: absolute; top: 3px; left: 43px; width: 159px; height: 132px; background: url(header/logo.gif) no-repeat top left; text-indent: -5000px; }

  div#bannerTop { position: absolute; top: 47px; left: 287px; width: 468px; height: 60px; border: #4487C2 2px solid; background-color: #fff; overflow: hidden; }
    div#bannerTop img { border: none; }

  div#loginbox { position: absolute; top: 30px; left: 795px; width: 174px; height: 120px; padding: 27px 0 0 0; color: #00B5FF; font-size: 11px; }
    div#loginbox form { margin: 0; padding: 0; }
    div#loginbox p { float: left; margin: 0; padding: 1px 0 2px 0; }
    div#loginbox p label { display: block; float: left; width: 50px; margin-right: 3px; text-align: right; }
    div#loginbox p input.inputbox { display: block; float: left; width: 115px; height: 16px; padding: 0 3px; color: #397485; background: url(header/loginbox_inputbox_bg.jpg) no-repeat top left; border: none; font-size: 10px; }

    div#loginbox p.left { display: block; float: left; width: 101px; margin: 0; padding: 2px 0 0 0; }
    div#loginbox p.right { display: block; float: right; width: 65px; margin: 0; padding: 2px 0 0 0; }

    div#loginbox a { display: block; float: left; width: 101px; margin: 0; padding: 0 5px 0 2px; color: #00B5FF; text-align: right; text-decoration: none; }
      div#loginbox a:hover { text-decoration: underline; }
    div#loginbox input.lbutton { display: block; float: right; width: 65px; height: 16px; color: #FFFFFF; background: url(header/loginbox_btn.jpg) no-repeat top left; border: none; font: normal 11px Verdana, Arial; cursor: pointer; }
    div#loginbox div#loggedIn { margin: 0; padding: 10px 15px; }
      div#loginbox input.button { display: block; float: left; margin: 0 5px 0 0; width: 65px; height: 16px; color: #FFFFFF; background: url(header/loginbox_btn.jpg) no-repeat top left; border: none; font: normal 11px Verdana, Arial; cursor: pointer; }

  ul#menu { position: absolute; top: 129px; left: 280px; margin: 0; padding: 0; list-style-type: none; z-index: 100; }
    ul#menu li { display: block; float: left; position: relative; margin: 0; padding: 0 18px 0 0; font-size: 11px; text-transform: uppercase; z-index: 200; }
      ul#menu li a { display: block; float: left; width: 106px; height: 41px; padding: 8px 0 0 0; color: #FFFFFF; background: url(header/menu_bg.gif) no-repeat top left; overflow: hidden; line-height: 16px; text-align: center; text-decoration: none; }
      ul#menu li a:hover { display: block; float: left; width: 106px; height: 41px; color: #FFFFFF; background: url(header/menu_bg.gif) no-repeat bottom left; overflow: hidden; text-align: center; text-decoration: none; }
      ul#menu li a.active { display: block; float: left; width: 106px; height: 41px; color: #FFFFFF; background: url(header/menu_bg.gif) no-repeat bottom left; overflow: hidden; text-align: center; text-decoration: none; }
        ul#menu li ul { display: none; }
        ul#menu li:hover ul { display: block; float: left; position: absolute; top: 28px; left: 0; margin: 0; padding: 0; z-index: 200; }
          ul#menu li ul li.top { display: block; margin: 0; padding: 0; width: 161px; height: 30px; background: url(header/submenu_top.gif) no-repeat top left; font-size: 1px; line-height: 1px; overflow: hidden; }
          ul#menu li ul li.bottom { display: block; margin: 0; padding: 0; width: 161px; height: 9px; background: url(header/submenu_bottom.gif) no-repeat top left; font-size: 1px; line-height: 1px; overflow: hidden; }
          ul#menu li ul li { display: block; margin: 0; padding: 0; width: 161px; height: auto; background: url(header/submenu_bg.gif) repeat-y top left; font-size: 11px; }
            ul#menu li ul li a { display: block; position: relative; left: 3px; width: 145px !important; height: auto !important; margin: 0; padding: 3px 5px !important; background: none; text-align: left !important; border-bottom: #4588BD 1px solid; }
            ul#menu li ul li a:hover { background: #53A3E0; }
            ul#menu li ul li a.last { border-bottom: none; }


/*
  --------------------
  - Tartalom ---------
  --------------------
*/
div#content { margin: 0 auto; width: 980px; }
  div#contentInner { float: left; width: 100%; min-height: 400px; height: auto !important; height: 400px; background: url(content/contentInner_bg.gif) repeat-y top left; }

    /*
      --------------------
      - Bal oldal --------
      --------------------
    */
    div#contentL { float: left; width: 235px; margin: 0; padding: 0; background: url(left-side/lC_top_bg.jpg) no-repeat top left; z-index: 100; }
      div#searchBox { float: left; position: relative; width: 210px; height: 115px; padding: 10px 0 0 25px; font-size: 12px; }
        div#searchBox form p { float: left; margin: 0; padding: 2px 0; }
        div#searchBox label { display: block; position: absolute; top: 25px; left: 25px; }
        div#searchBox input.inputbox { display: block; position: absolute; top: 45px; left: 25px; width: 138px; height: 16px; padding: 0 3px; color: #397485; background: url(left-side/search_inputbox_bg.gif) no-repeat top left; border: none; font-size: 10px; }
        div#searchBox input.sbutton { display: block; position: absolute; top: 65px; left: 104px; width: 65px; height: 16px; color: #FFFFFF; background: url(content/button_65x16.gif) no-repeat top left; border: none; font: normal 11px Verdana, Arial; cursor: pointer; }

      div#productList { float: left; position: relative; width: 235px; margin: 0; padding: 7px 0 10px 0; background: #FFFFFF url(left-side/lC_bottom_bg.jpg) no-repeat bottom left; z-index: 100; }
        div#productList ul { width: 225px; margin: 0; padding: 0 0 0 10px; list-style-type: none; font-size: 11px; }
          div#productList ul li { display: block; position: relative; margin: 0; padding: 0; border-bottom: #B1DEFE 1px solid; }
          div#productList ul li a { display: block; width: 217px; padding: 3px 4px; text-decoration: none; }
          div#productList ul li a:hover { color: #007697; background-color: #B1DEFE; }
          div#productList ul li a.highlight { color: #ED1C24; font-weight: bold; }
            div#productList ul li ul { display: none; position: absolute; top: -10px; left: 210px; width: 200px; z-index: 100; }
              div#productList ul li:hover ul { display: block; }
                div#productList ul li:hover ul li.first { display: block; width: 200px; height: 8px; font-size: 1px; line-height: 1px; background: url(left-side/submenu_top.gif) no-repeat top left; border: none; overflow: hidden; }
                div#productList ul li:hover ul li { display: block; width: 200px; background: url(left-side/submenu_bg.gif) repeat-y; border: none; }
                  div#productList ul li:hover ul li a { display: block; position: relative; left: 5px; width: 180px; padding: 2px 5px; color: #007697; border-bottom: #63BEFE 1px solid; }
                  div#productList ul li:hover ul li a:hover { background-color: #63BEFE; }
                div#productList ul li:hover ul li.last { display: block; width: 200px; height: 8px; font-size: 1px; line-height: 1px; background: url(left-side/submenu_bottom.gif) no-repeat top left; border: none; overflow: hidden; }

      div#horoszkop { float: left; position: relative; width: 235px; margin: 10px 0 0 0; padding: 0; z-index: 10; }
        div#horoszkop img { position: absolute; top: 63px; left: 11px; z-index: 10; }
        div#horoszkopTop { position: relative; width: 235px; height: 123px; background: url(left-side/horoszkopBox_top.gif) no-repeat top left; }
          div#horoszkopTop span.month { display: block; position: absolute; top: 76px; left: 86px; width: 120px; overflow: hidden; font-size: 10px; font-weight: bold; }
          div#horoszkopTop span.type { display: block; position: absolute; top: 91px; left: 86px; width: 120px; overflow: hidden; color: #ED1C24; font-size: 16px; font-weight: bold; }
          div#horoszkopTop span.date { display: block; position: absolute; top: 109px; left: 86px; width: 120px; overflow: hidden; color: #ED1C24; font-size: 10px; }
        div#horoszkopNav { display: block; position: relative; width: 235px; height: 52px; z-index: 0; }
          div#horoszkopNav a { color: #FFFFFF; text-transform: uppercase; font-weight: bold; text-decoration: none; }
        div.horoszkopNav1 { background: url(left-side/horoszkopBox_nav1.jpg) no-repeat top left; }
          div.horoszkopNav1 a.link1 { position: absolute; top: 8px; left: 98px; }
          div.horoszkopNav1 a.link2 { position: absolute; top: 8px; left: 145px; color: #CDE7F9 !important; font-size: 10px; }
        div.horoszkopNav2 { background: url(left-side/horoszkopBox_nav2.jpg) no-repeat top left; }
          div.horoszkopNav2 a.link1 { position: absolute; top: 8px; left: 95px; color: #CDE7F9 !important; font-size: 10px; }
          div.horoszkopNav2 a.link2 { position: absolute; top: 8px; left: 136px; }
        div#horoszkopBody { display: block; width: 235px; background: url(left-side/horoszkopBox_bg.jpg) repeat-y top left; }
          div#horoszkopBody p { width: 185px; margin: 0; padding: 5px 10px 5px 30px; font-size: 11px; }
        div#horoszkopBottom { display: block; width: 235px; height: 81px; background: url(left-side/horoszkopBox_bottom.jpg) no-repeat top left; }
          div#horoszkopBottom a { display: block; position: relative; top: 25px; left: 25px; width: 95px; height: 16px; color: #FFFFFF; background: url(left-side/horoszkopBox_button_bg.jpg) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none; }

      div#bannerLeft { float: left; width: 235px; margin: 0; padding: 10px 0; text-align: center; }
        div#bannerLeft img { border: #4487C2 2px solid; }


    /*
      --------------------
      - Középső rész -----
      --------------------
    */
    div#contentM { float: left; width: 540px; min-height: 150px; height: auto !important; height: 150px; padding: 20px 10px 0 10px; background: url(content/contentM_bg.jpg) no-repeat top left; z-index: 1; }
      div#contentM h1 { clear: left; margin: 0; padding: 5px 0 5px 0; color: #EC1E28; font-size: 22px; font-weight: normal; text-transform: uppercase; }
      div#contentM h2 { margin: 0; padding: 0; color: #69B7F5; font-size: 18px; font-weight: normal; }
      div#contentM p { clear: left; margin: 0; padding: 6px 0; }
      div#contentM a span { color: #ADDEFE; font-size: 10px; }

      /* Listák */
      div#contentM ul { margin: 0; padding: 5px 0 10px 15px; list-style-type: none; }
        div#contentM ul li { margin: 0; padding: 1px 0 1px 15px; background: url(content/li_l1.gif) no-repeat 0px 7px; font-size: 14px; }
          div#contentM ul li ul { margin: 0; padding: 0 0 5px 15px; list-style-type: none; font-size: 12px; }
            div#contentM ul li ul li { margin: 0; padding: 1px 0 1px 13px; background: url(content/li_l2.gif) no-repeat 0px 8px; }
              div#contentM ul li ul li a { font-size: 12px; }
              div#contentM ul li ul li ul { margin: 0; padding: 0 0 5px 15px; list-style-type: none; font-size: 11px; }
                div#contentM ul li ul li ul li { margin: 0; padding: 1px 0 1px 10px; background: url(content/li_l3.gif) no-repeat 0px 8px; }
                  div#contentM ul li ul li ul li a { font-size: 11px; }

        div#contentM ul li a { text-decoration: none; }
        div#contentM ul li a:hover { text-decoration: underline; }

      /* Terméklista */
      div.productList { clear: both; width: 540px; }
      div.productList .v1 { background: url(content/productBox_bg1.jpg) no-repeat top left; }
      div.productList .v2 { background: url(content/productBox_bg2.jpg) no-repeat top left; }
      div.productBox { float: left; width: 173px; height: 299px; position: relative; }
        div.productBox div.productTop { width: 145px; height: 173px; padding: 10px 14px 0px 14px; overflow: hidden; }
          div.productTop div.productImage { text-align: center; }
          div.productTop h1 { display: block; width: 145px; height: 44px; margin: 0; padding: 10px 0 0 0 !important; color: #0085B3 !important; font-size: 11px !important; line-height: 14px; font-weight: bold !important; text-align: center; text-transform: none !important; overflow: hidden; }
        div.productBox div.productBottom { width: 125px; height: 143px; padding: 5px 10px 0px 20px; overflow: hidden; font-size: 11px; }
          div.productBottom p.cost { position: relative; left: 15px; margin: 0; padding: 4px 0 4px 12px; width: 120px; color: #0DC1FE; }
            div.productBottom p.cost span { color: #0183BF; font-size: 16px; font-weight: bold; }
          div.productBottom p.costOld { margin: 0 !important; padding: 0 4px 0 10px !important; width: 120px; color: #0DC1FE; font-size: 10px; }
            div.productBottom p.costOld span { color: #0183BF; text-decoration: line-through; }
          div.productBottom p.costNew { margin: 0 !important; padding: 0 0 4px 10px !important; width: 120px; color: #FB1D34; }
            div.productBottom p.costNew span { color: #FB1D34; font-size: 16px; font-weight: bold; }
          div.productBottom a.more { display: block; position: relative; left: 11px; width: 115px; height: 16px; color: #FFFFFF; background: url(content/productBox_button1_bg.jpg) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none; }
          div.productBottom div.cart { float: left; width: 70px; margin: 0; padding: 7px 0; text-align: center; }
            div.cart select.inputlist { width: 35px; margin: 0; padding: 0; color: #037085; background-color: #FFFFFF; border: #0EBDFF 1px solid; font-size: 11px; font-weight: bold; }
            div.productBottom a.addToCart { display: block; float: left; position: relative; top: 7px; width: 55px; height: 16px; color: #029CD8; background: url(content/productBox_button2_bg.jpg) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none; }


      /* Hírek */
      div.newsBox { clear: left; width: 540px; margin: 0; padding: 5px 0 0 0; }
        div.newsBox div.newsBoxL { float: left; width: 110px; margin: 0; padding: 0; }
        div.newsBox div.newsBoxR { float: left; width: 430px; margin: 0; padding: 0; }
          div.newsBox div.newsBoxR h2 { margin: 0; padding: 0; color: #5EC1FF; font-size: 14px; font-weight: bold; text-transform: none; }
          div.newsBox div.newsBoxR p { margin: 0; padding: 4px 0; color: #005D97; font-size: 11px; }
          div.newsBox div.newsBoxR p.date { margin: 0; padding: 0 !important; color: #ADDEFE; font-size: 10px; }
        div.newsBox .full { float: left; width: 540px !important; }


      /* Képek */
      div#contentM a.image { display: block; float: left; margin: 2px 2px 2px 2px; padding: 0; width: 100px; height: 100px; position: relative; text-decoration: none !important; z-index: 1; }
        div#contentM a.image img { position: absolute; top: 0; left: 0; width: 100px; height: 100px; border: none; z-index: 1; }
        div#contentM a.image span { display: block; width: 100px; height: 100px; position: absolute; top: 0; left: 0; background: url(image_100x100_bg.gif) no-repeat top left; z-index: 5; cursor: pointer; }

      /* Márkák */
      div#contentM a.mark { display: block; float: left; margin: 2px 5px 5px 2px; padding: 0; width: 127px; height: 127px; position: relative; text-decoration: none !important; overflow: hidden; }
        div#contentM a.mark img { position: absolute; top: 0; left: 0; border: none; z-index: 1; }
        div#contentM a.mark span.border { display: block; width: 127px; height: 127px; position: absolute; top: 0; left: 0; background: url(content/markBox_bg.gif) no-repeat top left; z-index: 5; }
          div#contentM a.mark span.border span.title { display: none; width: 100%; margin: 0; padding: 4px 0 2px 0; color: #fff; font-size: 12px; font-weight: bold; text-align: center; }
          div#contentM a.mark span.border span.stat { display: none; position: absolute; bottom: 0; width: 100%; margin: 0; padding: 2px 0; color: #4587C4; font-size: 11px; font-weight: bold; text-align: center; }
            div#contentM a.mark span.border span.stat span { display: none; clear: left; width: 100%; margin: 0; padding: 2px 0; color: #fff; font-size: 16px; font-weight: bold; text-align: center; }

        div#contentM a.mark:hover span.border { background: url(content/markBox_bg.gif) no-repeat bottom left; }
          div#contentM a.mark:hover span.border span.title { display: block; }
          div#contentM a.mark:hover span.border span.stat { display: block; }
            div#contentM a.mark:hover span.border span.stat span { display: block; }

      /* Formok, gombok */
      div#contentM form { margin: 5px 0; padding: 5px; }
        div#contentM form p { clear: left; margin: 0; padding: 3px 0; }
          div#contentM form p label { float: left; width: 120px; margin: 0 5px 0 0; font-size: 12px; text-align: right; }

      div#contentM div.formError { margin-bottom: 10px; padding: 0; color: #514721; background-color: #FFF6BF; border: #FFD324 2px dashed; }
        div#contentM div.formError h1 { margin: 0; padding: 5px; color: #EC1E28; font-size: 14px; font-weight: bold; text-transform: none !important; }
        div#contentM div.formError p { margin: 0; padding: 5px; color: #514721; font-size: 12px; }

      div#contentM a.button_65x16 { display: block; float: left; width: 65px; height: 16px; color: #FFFFFF; background: url(content/button_65x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none !important; }
      div#contentM a.button_95x16 { display: block; float: left; width: 95px; height: 16px; color: #FFFFFF; background: url(content/button_95x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none !important; }
      div#contentM a.button_108x16 { display: block; float: left; width: 108px; height: 16px; color: #FFFFFF; background: url(content/button_108x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none !important; }
      div#contentM a.button_129x16 { display: block; float: left; width: 129px; height: 16px; color: #FFFFFF; background: url(content/button_129x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none !important; }
      div#contentM a.button_141x16 { display: block; float: left; width: 141px; height: 16px; color: #0098D8; background: url(content/button_141x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none !important; }
      div#contentM a.button_160x16 { display: block; float: left; width: 160px; height: 16px; color: #FFFFFF; background: url(content/button_160x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none !important; }
      div#contentM a.button_224x16 { display: block; float: left; width: 224px; height: 16px; color: #FFFFFF; background: url(content/button_224x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none !important; }

      div#contentM input.button_65x16 { position: relative; top: 1px; width: 65px; height: 16px; color: #FFFFFF; background: url(content/button_65x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; text-align: center; border: none; cursor: pointer; }
      div#contentM input.button_95x16 { position: relative; top: 1px; width: 95px; height: 16px; color: #FFFFFF; background: url(content/button_95x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; text-align: center; border: none; cursor: pointer; }
      div#contentM input.button_108x16 { position: relative; top: 1px; width: 108px; height: 16px; color: #FFFFFF; background: url(content/button_108x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; text-align: center; border: none; cursor: pointer; }
      div#contentM input.button_129x16 { position: relative; top: 1px; width: 129px; height: 16px; color: #FFFFFF; background: url(content/button_129x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; text-align: center; border: none; cursor: pointer; }
      div#contentM input.button_141x16 { position: relative; top: 1px; width: 141px; height: 16px; color: #0098D8; background: url(content/button_141x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; text-align: center; border: none; cursor: pointer; }
      div#contentM input.button_160x16 { position: relative; top: 1px; width: 160px; height: 16px; color: #FFFFFF; background: url(content/button_160x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; text-align: center; border: none; cursor: pointer; }
      div#contentM input.button_224x16 { position: relative; top: 1px; width: 224px; height: 16px; color: #FFFFFF; background: url(content/button_224x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; text-align: center; border: none; cursor: pointer; }
      div#contentM input.button_131x31 { display: block; float: left; width: 131px; height: 31px; color: #FFFFFF; background: url(content/basketBox_button_131x31.gif) no-repeat top left; font: normal 11px Verdana, Arial; font-weight: bold; text-align: center; border: none; cursor: pointer; }
      div#contentM input.button_101x31 { display: block; float: right; width: 101px; height: 31px; color: #FFFFFF; background: url(content/basketBox_button_101x31.gif) no-repeat top left; font: normal 11px Verdana, Arial; font-weight: bold; text-align: center; border: none; cursor: pointer; }

      div#contentM input.inputbox_282x16 { margin: 0; padding: 1px 4px; width: 274px; height: 14px; background: url(content/inputbox_282x16_bg.gif) no-repeat top right; font-size: 11px; border: none; }
      div#contentM input.inputbox_197x16 { margin: 0; padding: 1px 4px; width: 189px; height: 14px; background: url(content/inputbox_197x16_bg.gif) no-repeat top right; font-size: 11px; border: none; }
      div#contentM input.inputbox_261x16 { margin: 0; padding: 1px 4px; width: 253px; height: 14px; background: url(content/inputbox_261x16_bg.gif) no-repeat top right; font-size: 11px; border: none; }
      div#contentM input.inputbox_157x16 { margin: 0; padding: 1px 4px; width: 149px; height: 14px; background: url(content/inputbox_157x16_bg.gif) no-repeat top right; font-size: 11px; border: none; }

      div#contentM textarea.inputarea_157x129 { margin: 0; padding: 1px 4px; width: 149px; height: 127px; background: url(content/inputarea_157x129_bg.gif) no-repeat bottom left; font-size: 11px; border: none; overflow: auto; }
      div#contentM textarea.inputarea_261x85 { margin: 0; padding: 1px 4px; width: 253px; height: 83px; background: url(content/inputarea_261x85_bg.gif) no-repeat bottom left; font-size: 11px; border: none; overflow: auto; }
      div#contentM textarea.inputarea_282x42 { margin: 0; padding: 1px 4px; width: 274px; height: 40px; background: url(content/inputarea_282x42_bg.gif) no-repeat bottom left; font-size: 11px; border: none; overflow: auto; }

      div#contentM input.file { margin: 0; padding: 0; color: #5EC3FF; border: #4389BD 1px solid; font-size: 11px; }

      div#contentM select.inputlist { margin: 0; padding: 0; color: #fff; background-color: #5EC3FF; border: #4389BD 1px solid; font-size: 11px; font-weight: bold; }


      /* Regisztrációs űrlap (keret) */
      div#contentM div.regForm { clear: left; width: 529px; margin: 0; padding: 0; }
        div#contentM div.regForm div.regFormTop { float: left; width: 499px; height: 45px; margin: 0; padding: 15px 0 0 40px; background: url(content/regForm_top.gif) no-repeat top left; }
        div#contentM div.regForm div.regFormBody { float: left; width: 499px; margin: 0; padding: 0 15px; background: url(content/regForm_bg.gif) repeat-y top left; font-size: 11px; }
          div#contentM div.regForm div.regFormBody form { margin: 0; padding: 0; }
          div#contentM div.regForm div.regFormBody p { clear: left; margin: 0; padding: 3px 0; }
            div#contentM div.regForm div.regFormBody p label { font-size: 11px; }

          div#contentM div.regForm div.regFormBody span.male { float: left; width: 76px; margin: 5px 0 0 0; padding: 80px 0 0 20px; background: url(content/regForm_child_male.gif) no-repeat 0 0; }
          div#contentM div.regForm div.regFormBody span.female { float: left; width: 76px; margin: 5px 0 0 0; padding: 80px 0 0 20px; background: url(content/regForm_child_female.gif) no-repeat 0 0; }

          div#contentM div.regForm div.regFormBody div.hr { width: 489px; height: 1px; margin: 0 0 5px 0; padding: 5px 5px 0 5px; background: none; border-bottom: #B4B4B4 1px dashed; font-size: 1px; line-height: 1px; overflow: hidden; }
        div#contentM div.regForm div.regFormBottom { float: left; width: 529px; height: 39px; background: url(content/regForm_bottom.gif) no-repeat top left; }


      /* Termékkereső találati lista */
      table.searchResult { width: 540px; }
        table.searchResult td { padding: 3px; vertical-align: center; }
        table.searchResult td.left { width: 420px; border-right: #4EABD2 1px dashed; border-bottom: #4EABD2 1px dashed; }
        table.searchResult td.right { width: 120px; text-align: right; border-bottom: #4EABD2 1px dashed; }
        table.searchResult .last { border-bottom: none; }


      /* Tartalom jobb oldalt galériacsatolással */
      div.cwg { clear: left; width: 540px; }
        div.cwg div.left { float: left; width: 420px; }
        div.cwg div.right { float: right; width: 105px; }


      /* Termék részletei */
      div.productViewBox { float: left; width: 540px; }
        div.productViewBox div.productViewBoxL { float: left; width: 215px; }
        div.productViewBox div.productViewBoxR { float: left; width: 325px; color: #006591 !important; font-size: 12px !important; font-weight: normal !important; }
          div.productViewBox div.productViewBoxR h3 { margin: 0; padding: 5px 0 5px 0; color: #EC1E28; font-size: 14px; font-weight: bold; }
          div.productViewBox div.productViewBoxR h4 { margin: 0; padding: 5px 0 5px 0; color: #EC1E28; font-size: 12px; font-weight: bold; }
          div.productViewBox div.productViewBoxR p { color: #006591 !important; font-size: 12px !important; font-weight: normal !important; }
          div.productViewBox div.productViewBoxR span { color: #006591 !important; font-size: 12px !important; font-weight: normal !important; }

          div.productViewBox div.productViewBoxR div.cart { float: left; margin: 0 0 10px 0; padding: 5px 10px; width: 281px; height: 71px; background: url(content/productBox_cost_bg.gif) no-repeat top left; overflow: hidden; }
          div.productViewBox div.productViewBoxR div.cart div.cartL { float: left; width: 150px; margin: 0; padding: 0; }
            div.productViewBox div.productViewBoxR div.cart div.cartL p { margin: 0 !important; padding: 0 !important; color: #09C2FF !important; font-size: 11px !important; }
              div.productViewBox div.productViewBoxR div.cart div.cartL p span { color: #0084B9; font-size: 16px !important; font-weight: bold !important; }
            div.productViewBox div.productViewBoxR div.cart div.cartL p.action { margin: 0 !important; padding: 0 !important; color: #F58F9D !important; font-size: 11px !important; }
              div.productViewBox div.productViewBoxR div.cart div.cartL p.action span { color: #ED1E26 !important; font-size: 16px !important; font-weight: bold !important; }

          div.productViewBox div.productViewBoxR div.cart div.cartR { float: left; width: 120px; margin: 0; padding: 0; position: relative; top: 25px; color: #0FBEFD; }
            div.productViewBox div.productViewBoxR div.cart div.cartR select.inputlist { display: block; float: left; }
            div.productViewBox div.productViewBoxR div.cart div.cartR span { display: block; float: left; padding: 0 4px; font-size: 11px !important; }
            div.productViewBox div.productViewBoxR div.cart div.cartR a { display: block; float: left; width: 55px; height: 16px; color: #029CD8; background: url(content/productBox_button2_bg.jpg) no-repeat top left; font-size: 11px; text-align: center; text-decoration: none; }

      div.productImages { clear: both; margin: 0; padding: 10px 0 0 0; width: 540px; }
        div.productImages { clear: both; width: 540px; }
          div.productImages a.image { display: block; float: left; margin: 2px 2px 2px 2px; padding: 0; width: 130px; height: 130px; position: relative; text-decoration: none !important; }
           div.productImages a.image img { position: absolute; top: 0; left: 0; width: 130px; height: 130px; border: none; z-index: 1; }
          div.productImages a.image span { display: block; width: 130px; height: 130px; position: absolute; top: 0; left: 0; background: url(image_130x130_bg.gif) no-repeat top left; z-index: 5; }


      /* Horoszkóp */
      div.hBox { clear: left; width: 539px; margin: 10px 0; padding: 0; }
        div.hBox div.hBoxT { position: relative; width: 539px; height: 123px; background: url(content/horoscopeBox_top.gif) no-repeat bottom left; overflow: hidden; }
          div.hBox div.hBoxT div.hBoxTL { float: left; width: 277px; position: absolute; top: 0px; left: 0px; }
            div.hBox div.hBoxT div.hBoxTL img { position: absolute; top: 0; left: 3px; border: none; }
            div.hBox div.hBoxT div.hBoxTL h2 { float: left; width: auto !important; margin: 0; padding: 0; width: 265px; position: absolute; top: 15px; left: 120px; color: #fff !important; font-size: 22px !important; font-weight: normal !important; }
            div.hBox div.hBoxT div.hBoxTL h3 { float: left; width: auto !important; margin: 0; padding: 0; width: 265px; position: absolute; top: 45px; left: 120px; color: #3D87C6 !important; font-size: 14px !important; font-weight: normal !important; }
          div.hBox div.hBoxT div.hBoxTR { float: right; width: 200px; position: absolute; top: 5px; left: 279px; }
            div.hBox div.hBoxT div.hBoxTR form { clear: left; margin: 0; padding: 0; }
            div.hBox div.hBoxT div.hBoxTR p { clear: left; margin: 0; padding: 0; color: #fff; font-size: 11px; position: absolute; top: 20px; }
            div.hBox div.hBoxT div.hBoxTR select.catlist { clear: left; margin: 0; padding: 0; color: #5184C3; background-color: #fff; border: #4988BE 1px solid; font-size: 10px; font-weight: bold; }
        div.hBox div.hBoxC { float: left; width: 539px; color: #044275; background: url(content/horoscopeBox_bg.gif) repeat-y top left; }
          div.hBox div.hBoxC div.hBoxCL { float: left; width: 215px; margin: 0; padding: 0 25px; }
          div.hBox div.hBoxC div.hBoxCR { float: left; width: 215px; margin: 0; padding: 0 25px; }
        div.hBox div.hBoxB { float: left; width: 539px; height: 40px; background: url(content/horoscopeBox_bottom.gif) no-repeat top left; }


      /* Kosár */
      div#basketBox { width: 539px; margin: 10px 0 15px 0; padding: 0; background: url(content/basketBox_bg.jpg) repeat-y; }
        div#basketBoxBody { padding: 10px 20px 0px 20px; width: 499px; min-height: 126px; height: auto !important; height: 126px; background: url(content/basketBox_top.jpg) no-repeat top left; }
          div#basketBoxBody h2 { color: #fff; }
          div#basketBoxBody p { color: #2372B5; }
          div#basketBoxBody p.note { margin: 5px 0 0 0; color: #4393CE; font-size: 11px; }
          div#basketBoxBody div.basketLineH { width: 494px; color: #fff; font-size: 10px; font-weight: bold; position: relative; left: 5px; }
            div#basketBoxBody div.basketLineH div.col1 { float: left; width: 230px; }
            div#basketBoxBody div.basketLineH div.col2 { float: left; width: 87px; }
            div#basketBoxBody div.basketLineH div.col3 { float: left; width: 63px; }
            div#basketBoxBody div.basketLineH div.col4 { float: left; width: 75px; }
            div#basketBoxBody div.basketLineH div.col5 { float: left; width: 30px; }
          div#basketBoxBody div.basketLineB { clear: left; margin: 4px 0; padding: 0 4px; width: 494px; height: 21px; color: #4087C5; background: url(content/basketBox_line_bg.gif) no-repeat top left; font-size: 10px; line-height: 20px; font-weight: bold; overflow: hidden; }
            div#basketBoxBody div.basketLineB div.col1 { float: left; width: 230px; }
              div#basketBoxBody div.basketLineB div.col1 a { color: #6EBEF9; text-decoration: none; }
            div#basketBoxBody div.basketLineB div.col2 { float: left; width: 75px; }
            div#basketBoxBody div.basketLineB div.col3 { float: left; width: 75px; }
              div#basketBoxBody div.basketLineB div.col3 img { float: left; border: none; position: relative; top: 3px; }
              div#basketBoxBody div.basketLineB div.col3 a.minus { float: left; display: block; width: 15px; }
              div#basketBoxBody div.basketLineB div.col3 span { float: left; display: block; width: 35px; text-align: center; overflow: hidden; }
              div#basketBoxBody div.basketLineB div.col3 a.plus { float: left; display: block; width: 15px; }
            div#basketBoxBody div.basketLineB div.col4 { float: left; width: 90px; }
            div#basketBoxBody div.basketLineB div.col5 { float: left; width: 20px; }
              div#basketBoxBody div.basketLineB div.col5 img { border: none; position: relative; top: 3px; }
          div#basketBoxBody div.basketSum { clear: left; width: 495px; color: #2570B4; font-size: 11px; font-weight: bold; text-align: right; }
            div#basketBoxBody div.basketSum p { margin: 0; padding: 0; }
              div#basketBoxBody div.basketSum p span { color: #FFFCFA; font-size: 16px; }
          div#basketBoxBody div#basketBoxNav { float: left; margin: 0; padding: 20px 10px 0px 10px; width: 475px; }
            div#basketBoxBody div#basketBoxNav div.points { display: block; float: left; margin: 0 10px; padding: 5px; width: 211px; height: 23px; color: #3988C3; background: url(content/basketBox_points_bg.gif) no-repeat top left; font-size: 11px; font-weight: bold; }
              div#basketBoxBody div#basketBoxNav div.points p { margin: 0; padding: 0; line-height: 21px; text-align: center; }
                div#basketBoxBody div#basketBoxNav div.points p span { color: #fff; font-size: 16px; }
        div#basketBoxBottom { clear: left; width: 539px; height: 19px; background: url(content/basketBox_bottom.jpg) no-repeat top left; }

      /* Pénztár */
      div#billBox { clear: left; width: 539px; margin: 0 0 15px 0; padding: 0; background: url(content/basketBox_bg.jpg) repeat-y; }
        div#billBoxBody { float: left; padding: 30px 20px 0px 20px; width: 499px; min-height: 160px; height: auto !important; height: 160px; color: #fff; background: url(content/billBox_top.jpg) no-repeat top left; font-size: 11px; }
          div#billBoxBody h2 { width: 90%; color: #fff; }
          div#billBoxBody p { color: #fff; }
            div#billBoxBody p label { float: left; width: 100px !important; color: #fff; font-size: 11px !important; }
          div#billBoxBody p.note { width: 90%; margin: 5px 0; padding: 2px 0; color: #fff; font-size: 11px; }
          div#billBoxBody div.formError { width: 380px; }
        div#billBoxBottom { clear: left; width: 539px; height: 19px; background: url(content/basketBox_bottom.jpg) no-repeat top left; }


      /* Fórum */
      div.forumTBox { clear: left; width: 529px; margin: 10px 0; padding: 0; }
        div.forumTBox div.forumTBoxTop { float: left; width: 529px; height: 57px; background: url(content/forum_topicslist_top_bg.gif) no-repeat top left; }
        div.forumTBox div.forumTBoxBody { float: left; width: 489px; padding: 0 15px 0 25px; background: url(content/forum_topicslist_bg.gif) repeat-y top left; }
          div.forumTBox div.forumTBoxBody p { color: #61BFFD; }
          div.forumTBox div.forumTBoxBody table { width: 100%; border-collapse: collapse; }
          div.forumTBox div.forumTBoxBody table tr { background-color: #fff; }
            div.forumTBox div.forumTBoxBody table tr td { color: #4185C2; padding: 8px 10px; border-bottom: #B6B6B6 1px dashed; }
            div.forumTBox div.forumTBoxBody table tr td.title { width: 245px; }
            div.forumTBox div.forumTBoxBody table tr td.comments { width: 55px; font-weight: bold; text-align: center; }
              div.forumTBox div.forumTBoxBody table tr td.comments span.new { color: #EC1E28; text-decoration: blink; }
            div.forumTBox div.forumTBoxBody table tr td.lastcomment { padding: 0 0 0 20px; font-size: 11px; }
              div.forumTBox div.forumTBoxBody table tr td.lastcomment span { color: #ABE7FF; font-size: 10px; }
            div.forumTBox div.forumTBoxBody table tr td a { text-decoration: none; }
            div.forumTBox div.forumTBoxBody table tr td a:hover { text-decoration: underline; }
          div.forumTBox div.forumTBoxBody table tr:hover { background-color: #62BEFD; }
            div.forumTBox div.forumTBoxBody table tr:hover td a { color: #fff; }
            div.forumTBox div.forumTBoxBody table tr:hover td.lastcomment { color: #fff; }
        div.forumTBox div.forumTBoxBottom { clear: left; position: relative; width: 529px; height: 24px; background: url(content/forum_topicslist_bottom_bg.gif) no-repeat top left; }
          div.forumTBox div.forumTBoxBottom a { display: block; width: 141px; height: 39px; position: absolute; top: 24px; left: 380px; background: url(content/forum_button_javasoljon_temat.gif) no-repeat top left; text-decoration: none !important; }

        div.commentBox { float: left; margin: 10px 0 0 0; padding: 0; width: 530px; background: url(content/commentBox_bg.gif) repeat-y top left; }
          div.commentBox a { color: #4E8EBA; }
          div.commentBox div.commentBoxBody { float: left; position: relative; margin: 0; padding: 40px 20px 0px 17px; width: 503px; min-height: 90px; height: auto !important; height: 90px; color: #4E8EBA; background: url(content/commentBox_top.gif) no-repeat top left; font-size: 11px; }
            div.commentBox div.commentBoxBody span.id { display: block; width: 50px; height: 30px; margin: 0; padding: 0; position: absolute; top: 14px; left: 5px; color: #9BD8FF; font-size: 18px; text-align: center; }
            div.commentBox div.commentBoxBody span.new { display: block; width: 30px; height: 30px; margin: 0; padding: 0; position: absolute; top: 30px; left: 487px; color: #9BD8FF; font-size: 14px; font-weight: bold; text-align: center; text-decoration: blink; }
            div.commentBox div.commentBoxBody p { margin: 0; padding: 5px; }
          div.commentBox div.commentBoxBottom { float: left; position: relative; width: 530px; height: 79px; overflow: hidden; }
            div.commentBox div.commentBoxBottom p.op { width: 510px; font-size: 11px; text-align: right; }

      div#contentM .odd div.commentBoxBottom { background: url(content/commentBox_bottom_odd.gif) no-repeat top left; }
        div#contentM .odd div.commentBoxBottom p { margin: 0; padding: 0; }
        div#contentM .odd div.commentBoxBottom p.userinfo { display: block; width: 250px; height: 30px; margin: 0; padding: 0; position: absolute; top: 52px; left: 186px; color: #4494C5; font-size: 11px; line-height: 12px; font-weight: bold; text-align: right; }
          div#contentM .odd div.commentBoxBottom p.userinfo span { color: #68BEFB; font-size: 10px; font-weight: normal; }

      div#contentM .even div.commentBoxBottom { background: url(content/commentBox_bottom_even.gif) no-repeat top left; }
        div#contentM .even div.commentBoxBottom p { margin: 0; padding: 0; }
        div#contentM .even div.commentBoxBottom p.userinfo { display: block; width: 250px; height: 30px; margin: 0; padding: 0; position: absolute; top: 52px; left: 186px; color: #4494C5; font-size: 11px; line-height: 12px; font-weight: bold; text-align: left; }
          div#contentM .even div.commentBoxBottom p.userinfo span { color: #68BEFB; font-size: 10px; font-weight: normal; }

      div#contentM .highlight { background: url(content/commentBox_bg_highlight.gif) repeat-y top left; }
        div#contentM .highlight a { color: #D89698; }
        div#contentM .highlight div.commentBoxBody { color: #D89698; background: url(content/commentBox_top_highlight.gif) no-repeat top left; }
          div#contentM .highlight div.commentBoxBody span.id { color: #D89698; }
          div#contentM .highlight div.commentBoxBody span.new { color: #D89698; }
        div#contentM .highlight div.commentBoxBottom { background: url(content/commentBox_bottom_highlight.gif) no-repeat top left; }
        div#contentM .highlight div.commentBoxBottom p { margin: 0; padding: 0; }
        div#contentM .highlight div.commentBoxBottom p.userinfo { display: block; width: 250px; height: 30px; margin: 0; padding: 0; position: absolute; top: 52px; left: 186px; color: #D89698; font-size: 11px; line-height: 12px; font-weight: bold; text-align: right; }
          div#contentM .highlight div.commentBoxBottom p.userinfo span { color: #EFA6A9; font-size: 10px; font-weight: normal; }

      div.newComment { margin: 0 auto; padding: 0; position: relative; width: 303px; height: 195px; background: url(content/forum_new_comment.gif) no-repeat top left; }
        div.newComment form { margin: 0; padding: 0; }
          div.newComment form p { margin: 0; padding: 0; }
            div.newComment form p label { position: absolute; top: 55px; left: 15px; font-size: 11px !important; }
            div.newComment form p textarea.inputarea { position: absolute; top: 78px; left: 90px; width: 190px; height: 75px; color: #006591; font-size: 10px; border: none; }
            div.newComment form p input.button_65x16 { position: absolute; top: 155px !important; left: 215px; }


      /* Dobozok */
      div.dotBox266 { float: left; width: 266px; margin: 0; padding: 0; }
        div.dotBox266Top { float: left; width: 266px; height: 40px; background: url(content/dotBox266_top.gif) no-repeat bottom left; }
          div.dotBox266Top h3 { width: 251px; height: 25px; margin: 0; padding: 0 0 0 15px; color: #69B7F5; font-size: 18px; font-weight: normal; overflow: hidden; }
        div.dotBox266Body { float: left; width: 256px; min-height: 205px; height: auto !important; height: 205px; padding: 0 5px; background: url(content/dotBox266_bg.gif) repeat-y top left; }
          div.dotBox266Body p { width: 245px; margin: 0 !important; padding: 2px 0 !important; }
          div.dotBox266Body p.message { width: 245px; margin: 0 !important; padding: 2px 10px !important; }
            div.dotBox266Body p label { display: block; float: left; width: 70px !important; margin: 0; padding: 0 0 3px 0; font-size: 11px !important; }
            div.dotBox266Body p input.button_65x16 { float: right; margin: 0 5px 0 0; }
        div.dotBox266Bottom { float: left; width: 266px; height: 21px; background: url(content/dotBox266_bottom.gif) no-repeat top left; font-size: 1px; line-height: 1px; overflow: hidden; }

      div.dotBox338 { float: left; width: 338px; margin: 0; padding: 0; }
        div.dotBox338Top { float: left; width: 338px; height: 40px; background: url(content/dotBox338_top.gif) no-repeat bottom left; }
          div.dotBox338Top h3 { width: 323px; height: 25px; margin: 0; padding: 0 0 0 15px; color: #69B7F5; font-size: 18px; font-weight: normal; overflow: hidden; }
        div.dotBox338Body { float: left; width: 328px; padding: 0 5px; background: url(content/dotBox338_bg.gif) repeat-y top left; }
          div.dotBox338Body form { margin: 0 !important; padding: 0 !important; }
          div.dotBox338Body p { display: block; width: 326px; margin: 0; padding: 0; }
            div.dotBox338Body p label { display: block; float: left; width: 51px !important; margin: 0; padding: 0; font-size: 11px !important; text-align: right; }
            div.dotBox338Body p input.button_65x16 { float: right; margin: 0 5px 0 0; }
          div.dotBox338Body p.note { width: 297px; margin: 0; padding: 0 10px 10px 10px !important; font-size: 11px; }
        div.dotBox338Bottom { float: left; width: 338px; height: 24px; background: url(content/dotBox338_bottom.gif) no-repeat top left; font-size: 1px; line-height: 1px; overflow: hidden; }


      /* Képeslapok */
      div#contentM div#postcard { display: block; float: left; margin: 0 5px 0 0; padding: 20px 0 0 0; width: 266px; height: 260px; position: relative; z-index: 1; }
        div#contentM div#postcard h3 { position: absolute; top: 0; left: 0; width: 323px; height: 25px; margin: 0; padding: 0 0 0 15px; color: #69B7F5; font-size: 18px; font-weight: normal; overflow: hidden; }
        div#contentM div#postcard img { width: 266px; height: 240px; position: absolute; top: 25px; left: 0; border: none; z-index: 1; }
        div#contentM div#postcard div { display: block; width: 266px; height: 240px; position: absolute; top: 25px; left: 0; z-index: 5; behavior: url("/style/iepngfix/iepngfix.htc"); }
      div#contentM .postcard1 div { background: url(content/postcard_border1.png) no-repeat top left; }
      div#contentM .postcard2 div { background: url(content/postcard_border2.png) no-repeat top left; }
      div#contentM .postcard3 div { background: url(content/postcard_border3.png) no-repeat top left; }

      /* Képeslapok listája */
      table.postcardList { width: 540px; }
        table.postcardList th { text-align: left; }
        table.postcardList td { padding: 3px; vertical-align: center; border: #4EABD2 1px dashed; }
        table.postcardList td a.button_108x16 { float: none !important; margin: 0 auto; }


      /* Útmutató */
      table.help { width: 540px; }
        table.help td { padding: 3px; vertical-align: center; }
        table.help td.left { width: 270px; font-weight: bold; border-right: #B1DEFE 1px dashed; border-bottom: #B1DEFE 1px dashed; }
        table.help td.right { width: 270px; border-bottom: #B1DEFE 1px dashed; }
        table.help td.lastleft { width: 270px; font-weight: bold; border-right: #B1DEFE 1px dashed; border-bottom: none; }
        table.help td.lastright { width: 270px; border-bottom: none; }


      /* Galéria */
      div.galleryBox { clear: left; margin: 0; padding: 0; width: 540px; }
        div.galleryBox div.galleryBoxL { float: left; margin: 0; padding: 0 0 10px 0; width: 120px; }
        div.galleryBox div.galleryBoxR { float: left; margin: 0; padding: 0 0 10px 0; width: 420px; }
          div.galleryBox div.galleryBoxR h2 { clear: left; margin: 0; padding: 0 0 5px 0; font-size: 16px !important; font-weight: bold !important; }
          div.galleryBox div.galleryBoxR p { clear: left; margin: 0; padding: 5px 0; font-size: 11px; }
      div.imageList { position: relative; left: 55px; margin: 0; padding: 5px 0px; width: 440px; }


      /* Lapozó */
      div#contentM div.navbar { clear: both; position: relative; left: 30px; margin: 5px 0; width: 456px; height: 24px; overflow: hidden; font-size: 11px; }
        div#contentM .top { padding: 10px 10px 0px 10px; background: url(content/navbar_bg.jpg) no-repeat top left; }
        div#contentM .bottom { padding: 3px 10px 7px 10px; background: url(content/navbar_bg.jpg) no-repeat bottom left; }
        div#contentM div.navbar div.navbarLeft { width: 70%; float: left; text-align: left; }
          div#contentM div.navbar div.navbarLeft div { display: block; float: left; margin: 0 4px 0 0; padding: 2px 2px 0 0; width: 19px; height: 21px; }
          div#contentM div.navbar div.navbarLeft a { display: block; float: left; margin: 0 4px 0 0; width: 19px; height: 21px; padding: 2px 2px 0 0; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; }
          div#contentM div.navbar div.navbarLeft a.page { background: url(content/navbar_num_bg.gif) no-repeat top left; }
          div#contentM div.navbar div.navbarLeft a.page:hover { background: url(content/navbar_num_bg.gif) no-repeat bottom left; }
          div#contentM div.navbar div.navbarLeft a.active { display: block; float: left; margin: 0 4px 0 0; padding: 2px 2px 0 0; width: 19px; height: 21px; color: #FFFFFF; background: url(content/navbar_num_bg.gif) no-repeat bottom left; text-align: center; text-decoration: none; }
        div#contentM div.navbar div.navbarRight { float: left; width: 30%; margin: 0; padding: 0; color: #62BCF8; text-align: right; }
          div#contentM div.navbar div.navbarRight span { color: #62BCF8; }
          div#contentM div.navbar div.navbarRight select.inputlist { color: #FFFFFF; background-color: #62BFFF; border: #000000 1px solid; font-size: 11px; font-weight: bold; }

      div#contentM div.hr { display: block; clear: left; margin: 0; padding: 5px 0 5px 0; width: 536px; height: 10px; background: url(content/hr.gif) no-repeat center left; font-size: 1px; line-height: 1px; overflow: hidden; }
      div#contentM div.clearfix { display: block; clear: left; margin: 0; padding: 5px 0 5px 0; width: 534px; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }


    /*
      --------------------
      - Jobb oldal -------
      --------------------
    */
    div#contentR { float: left; width: 185px; overflow: hidden; }
      div#basket { width: 185px;  margin: 0; padding: 194px 0 0 0; background: url(right-side/basketBox_top.jpg) no-repeat top left; }
        div#basketContent { clear: left; width: 190px; padding: 0 0 0 10px; background: url(right-side/basketBox_bg.jpg) repeat-y; font-size: 10px; }
          div#basketContent p { width: 180px; margin: 0; padding: 2px 4px; color: #bf336e; font-size: 11px; }
          div#basketContent table { width: 170px; color: #0B87C5; border-collapse: collapse; }
          div#basketContent table td.pName { width: 100px; padding: 0; }
          div#basketContent table td.pNum { width: 25px; text-align: center; }
          div#basketContent table td.pCost { text-align: right; padding-right: 2px; }
        div#basketBottom { clear: left; margin: 0; padding: 0 5px 0 0; width: 180px; height: 77px; background: url(right-side/basketBox_bottom.jpg) no-repeat top left; }
          div#basketBottom p { display: block; position: relative; top: 8px; left: 95px; width: 88px; margin: 0; padding: 0; color: #FF3535; font-size: 11px; font-weight: bold; text-align: right; }
          div#basketBottom a { display: block; float: right; position: relative; top: 23px; width: 95px; height: 16px; margin: 0; padding: 0; color: #FFFFFF; background: url(content/button_95x16.gif) no-repeat; font: normal 11px Verdana, Arial; line-height: 16px; text-align: center; text-decoration: none; }
          div#basketBottom a:hover { text-decoration: none; }

      div#petra { width: 185px; margin: 0; padding: 267px 0 0 0; background: url(right-side/petra_0.jpg) no-repeat top left; }
        div#petraContent { clear: left; width: 185px; padding: 0; background: url(right-side/petraBox_bg_ry.jpg) repeat-y top left; }
          div#petraContentInner { clear: left; width: 135px; min-height: 64px; height: auto !important; height: 64px; padding: 0 10px 0 40px; color: #fff; background: url(right-side/petraBox_bg.jpg) no-repeat top left; font-size: 10px; }
          div#petraContentInner p { clear: left; margin: 0; padding: 2px 0; }
          div#petraContentInner a.button { display: block; float: right; width: 65px; height: 16px; color: #FFFFFF; background: url(right-side/button_65x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 16px; text-align: center; text-decoration: none !important; }
        div#petraBottom { clear: left; width: 185px; height: 39px; background: url(right-side/petraBox_bottom.jpg) no-repeat top left; }

      div#newsletterBox { position: relative; left: 5px; width: 180px; height: 225px; background: url(right-side/newsletterBox_bg.jpg) no-repeat top left; }
        div#newsletterBox p.note { position: absolute; top: 52px; left: 15px; margin: 0; padding: 0; color: #63BDFD; font-size: 11px; line-height: 12px; }
        div#newsletterBox form { position: absolute; top: 82px; left: 4px; margin: 0; padding: 0; }
          div#newsletterBox form p { float: left; margin: 0; padding: 2px 0; }
          div#newsletterBox form label { display: block; float: left; margin: 0; padding: 0 5px 0 0; width: 55px; font-size: 11px; text-align: right; }
          div#newsletterBox input.inputbox { display: block; float: left; width: 91px; height: 16px; padding: 0 3px; color: #397485; background: url(right-side/newsletterBox_inputbox_bg.jpg) no-repeat top left; border: none; font-size: 10px; }
          div#newsletterBox input.nbutton { display: block; position: relative; left: 65px; width: 89px; height: 16px; color: #FFFFFF; background: url(right-side/newsletterBox_button_bg.jpg) no-repeat top left; border: none; font: normal 11px Verdana, Arial; cursor: pointer; }

      div.rightBox { float: left; position: relative; left: 30px; width: 149px; margin: 5px 0; }
        div.rightBoxTop { float: left; width: 149px; height: 62px; background: url(right-side/rightBox_top.jpg) no-repeat top left; }
        div.rightBoxBody { float: left; width: 141px; padding: 0 4px; background: url(right-side/rightBox_bg.jpg) repeat-y top left; font-size: 11px; }
          div.rightBoxBody h1 { position: relative; top: -5px; margin: 0; padding: 0; color: #006185; font-size: 14px; font-weight: bold; }
          div.rightBoxBody p { width: 138px; margin: 0; padding: 0 0 5px 0; }
          div.rightBoxBody p a.button { display: block; position: relative; left: 5px; width: 129px; height: 16px; color: #FFFFFF; background: url(content/button_129x16.gif) no-repeat top left; font: normal 11px Verdana, Arial; line-height: 15px; text-align: center; text-decoration: none !important; }
        div.rightBoxBottom { float: left; width: 149px; height: 27px; background: url(right-side/rightBox_bottom.jpg) no-repeat top left; }

      div#bannerRight { float: left; width: 185px; padding: 10px 10px; text-align: center; }
        div#bannerRight img { border: #4487C2 2px solid; }

  div#contentInnerBottom { clear: left; width: 100%; height: 20px; padding: 0 0 10px 0; background: url(content/contentInner_bottom_bg.jpg) no-repeat top left; }


/*
  --------------------
  - Lábléc -----------
  --------------------
*/
div#footer { position: relative; left: 240px; width: 560px; height: 70px; padding: 0 0 10px 0; background: url(footer/footer_bg.jpg) no-repeat top left; font-size: 11px; }
  div#footerL { float: left; width: 480px; }
    div#footerL ul { clear: left; margin: 0; padding: 10px 0 0 5px; list-style-type: none; }
      div#footerL ul li { display: block; float: left; padding: 0 6px; line-height: 11px; border-right: #006591 1px solid; }
      div#footerL ul li.last { border-right: none; }
        div#footerL ul li a { text-decoration: none; }
        div#footerL ul li a:hover { text-decoration: underline; }
    div#footerL p { float: left; margin: 0; padding: 10px 0 0 11px; color: #0BB6F6; font-size: 9px; }
      div#footerL p a { color: #0BB6F6; font-size: 9px; }
  div#footerR { float: left; width: 80px; padding: 18px 0 0 0; }