/*
$ http://www.kapos-shop.hu $
$ style/style.css | 2008/07/01 08:55 | 2011/06/17 10:23 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial; font-size: 12px; color: #020202; background-color: #FF8106; }
img { border: none !important; }

div#container { float: left; width: 100%; background: url(bg.jpg) repeat-x; }


/*
  --------------------
  - Fejléc -----------
  --------------------
*/
div#header { position: relative; margin: 0 auto; width: 980px; height: 205px; background: url(header_inner_bg.jpg) no-repeat; }
  a#logo { display: block; position: absolute; top: 0px; left: 364px; width: 148px; height: 205px; background: url(logo.jpg) no-repeat; text-indent: -3000px; }

  /* Gyorslinkek */
  ul#toplinks { position: absolute; top: 16px; left: 680px; margin: 0; padding: 0; list-style-type: none; }
    ul#toplinks li { float: left; padding: 0 7px; color: #FFC22F; border-right: #FFC22F 1px solid; font-size: 9px; line-height: 10px; }
    ul#toplinks li.last { border-right: none; }
      ul#toplinks li a { color: #FFC22F; text-decoration: none; }
      ul#toplinks li a:hover { color: #FFC22F; text-decoration: underline; }

    /* Termékkereső */
    div#quicksearch { position: absolute; top: 77px; left: -10px; width: 220px; height: 100px; margin: 0; padding: 0; background: url(zoomer.gif) no-repeat top left; }
    div#quicksearch h2 { display: block; position: absolute; top: 45px; left: 99px; width: 120px; margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #D27600; }
    div#quicksearch p { display: block; position: absolute; top: 75px; left: 15px; width: 200px; margin: 0; padding: 0; font-size: 11px; }
    div#quicksearch input.inputbox { float: left; display: block; width: 118px; height: 14px; padding: 1px 4px; font-size: 10px; color: #D27600; background: url(quicksearch_inputbox.gif) no-repeat; border: none; }
    div#quicksearch input.quicksearch { float: left; display: block; margin-left: 4px; width: 65px; height: 16px; font-size: 11px; color: #FFFFFF; background: url(quicksearch_btn.gif) no-repeat; border: none; cursor: pointer; }

  /* Főmenü */
  ul#menu { position: absolute; top: 95px; left: 220px; width: 130px; margin: 0; padding: 0; list-style-type: none; }
    ul#menu li { clear: left; color: #C51A5C; border-bottom: #FFC57F 1px solid; font-size: 11px; }
      ul#menu li a { display: block; width: 122px; padding: 2px 4px; color: #C51A5C; font-weight: bold; text-decoration: none; text-transform: uppercase; }
      ul#menu li a:hover { color: #FFFFFF; background-color: #E22A68; }

  /* Szlogen */
  div#counter { position: absolute; top: 18px; left: 523px; width: 130px; height: 90px; color: #FFFFFF; font-family: 'Arial Black', Arial, Verdana; font-size: 12px; line-height: 14px; text-transform: uppercase; }
    div#counter span { color: #DD2A62; }

  /* Ügyfélszolgálat */
  div#customerservice { position: absolute; top: 130px; left: 523px; width: 220px; height: 90px; color: #FF9303; font-size: 10px; }
    div#customerservice span { font-family: 'Arial Black', Arial, Verdana; font-size: 24px; text-transform: uppercase; }

  /* Bejelentkezés */
  div#login { position: absolute; top: 55px; left: 680px; width: 265px; z-index: 20; }
    div#login form { margin: 4px 0; padding: 0; }
    div#login p { float: left; margin: 0; padding: 2px 0; color: #C67E00; font-size: 11px; }
      div#login p label { display: block; float: left; width: 90px; text-align: right; margin-right: 5px; font-size: 11px; color: #C67E00; }
      div#login p input.inputbox { float: left; display: block; width: 113px; height: 14px; padding: 1px 4px; font-size: 10px; color: #D27600; background: url(login_inputbox.gif) no-repeat; border: none; }
      div#login p a { float: left; margin-right: 4px; font-size: 11px; color: #C67E00; text-decoration: none; }
      div#login p a:hover { text-decoration: underline; }
      div#login input.lbutton { float: left; margin: 0 0 0 4px; padding: 0 0 4px 0; width: 65px; height: 16px; font-size: 11px; color: #FFFFFF; background: url(login_btn.gif) no-repeat; border: none; cursor: pointer; }

  /* Hírlevél és kosár kép */
  div#header div.newsletterTop { position: absolute; top: 121px; left: 843px; width: 147px; height: 84px; background: url(newsletter_logo.gif) no-repeat top left; z-index: 10; }
  div#header div.basketTop0 { position: absolute; top: 67px; left: 867px; width: 113px; height: 138px; background: url(basketbox_basket0.gif) no-repeat top left; z-index: 10; }
  div#header div.basketTop1 { position: absolute; top: 67px; left: 867px; width: 113px; height: 138px; background: url(basketbox_basket1.gif) no-repeat top left; z-index: 10; }
  div#header div.basketTop2 { position: absolute; top: 67px; left: 867px; width: 113px; height: 138px; background: url(basketbox_basket2.gif) no-repeat top left; z-index: 10; }
  div#header div.basketTop3 { position: absolute; top: 67px; left: 867px; width: 113px; height: 138px; background: url(basketbox_basket3.gif) no-repeat top left; z-index: 10; }

  div#header div#chrome { position: absolute; top: 2px; left: 487px; width: 160px; height: 23px; background: url(chrome.gif) no-repeat top left; z-index: 10; }


/*
  --------------------
  - Tartalom ---------
  --------------------
*/
div#content { margin: 0 auto; width: 980px; background-color: #FFFFFF; }
  div#contentInner { float: left; width: 980px; background-color: #FFFFFF; overflow: visible; }

    /*
      --------------------
      - Bal blokk --------
      --------------------
    */
    div#contentLeft { float: left; width: 195px; padding: 0 0 80px 0; overflow: hidden; }
      ul#catlist { position: relative; left: 5px; margin: 0; padding: 0 0 0 5px; list-style-type: none; }
        ul#catlist li { clear: left; margin: 0; padding: 1px 0; line-height: 20px; }
          ul#catlist li a { display: block; margin: 0; padding: 0; width: 181px; height: 21px; text-indent: 7px; background: url(catlist_item_bg.gif) no-repeat top left; color: #FFFFFF; text-decoration: none; font-weight: bold; }

        ul#catlist li.active ul { display: block; width: 180px; margin: 0; padding: 2px 0 0 0; list-style-type: none; }
        ul#catlist li.active img { display: block; margin: 0 auto; padding: 0; }
        ul#catlist li.normal ul { display: none; width: 180px; margin: 0; padding: 2px 0 0 0; list-style-type: none; }
        ul#catlist li.normal img { display: none; margin: 0 auto; padding: 0; }
          ul#catlist li ul li { height: auto; margin: 0; padding: 0; border-bottom: #EDC69B 1px solid; }
          ul#catlist li ul li.last { border-bottom: none; }
          ul#catlist li ul li a { display: block; width: 168px; height: auto; margin: 0; padding: 0 0 0 12px; background: url(catlist_item_li.gif) no-repeat 5px 10px; color: #000000; text-indent: 0px; font-weight: normal; }
          ul#catlist li ul li a:hover { color: #FFFFFF; background-color: #FF8106; }

      div#banners { width: 193px; text-align: center; }
        div#banners p { margin: 0; padding: 10px 0 0 0; font-size: 11px; color: #C9C9C9; }


    /*
      --------------------
      - Középső blokk ----
      --------------------
    */
    div#contentMiddle { float: left; width: 575px; padding: 0 0 80px 5px; overflow: hidden; }
      div#contentMiddle h1 { color: #C51A5C; font-size: 20px; font-weight: normal; text-transform: uppercase; margin: 5px 0; }
      div#contentMiddle h2 { color: #C51A5C; font-size: 16px; font-weight: normal; text-transform: none; margin: 10px 0 5px 0; }
      div#contentMiddle h3 { color: #FD7102; font-size: 14px; font-weight: bold; text-transform: none; margin: 0 0 5px 0; }
      div#contentMiddle img { border: #C01D5C 1px solid; }
      div#contentMiddle a { color: #BA1F59; }
      div#contentMiddle a.backButton { float: left; display: block; width: 95px; height: 16px; line-height: 14px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(news_more_btn.gif) no-repeat; font-size: 11px; text-decoration: none; }
      div#contentMiddle a.backButton:hover { text-decoration: none; }
      div#contentMiddle a.button { float: left; display: block; width: 115px; height: 16px; line-height: 14px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(product_more_btn.gif) no-repeat; font-size: 11px; text-decoration: none; }
      div#contentMiddle a.button:hover { text-decoration: none; }
      div#contentMiddle input.inputbox { float: left; display: block; width: 118px; height: 14px; padding: 1px 4px; font-size: 10px; color: #D27600; background: url(quicksearch_inputbox.gif) no-repeat; border: none; }
      div#contentMiddle input.nbutton { margin: 0 4px; width: 65px; height: 16px; color: #FFFFFF; background: url(quicksearch_btn.gif) no-repeat; border: none; font-size: 11px; cursor: pointer; }
      div#contentMiddle p.note { width: 550px; padding: 0 10px; font-size: 10px; color: #F47202; }
      div#contentMiddle p.backlink { clear: both; margin: 0; padding: 5px 0; }
        div#contentMiddle p.backlink a { clear: left; display: block; width: 166px; height: 16px; font-size: 11px; line-height: 15px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(top10_box_btn.gif) no-repeat; text-decoration: none; }
          div#contentMiddle p.backlink a:hover { text-decoration: none; }
      div#contentMiddle div.relGalleryBox { float: left; margin: 5px 0; padding: 0 0 8px 110px; width: 450px; }
        div#contentMiddle div.relGalleryBox img { border: #C01D5C 1px solid !important; }
      div#contentMiddle div.hr { clear: both; width: 100%; margin: 0; padding: 0; line-height: 1px; overflow: hidden; }

      /* Egyszerű lista */
      div#contentMiddle ul.simpleList { margin: 0 0 15px 0; padding: 0; list-style-type: none; }
        div#contentMiddle ul.simpleList li { margin: 0; padding: 0; }
          div#contentMiddle ul.simpleList li a { display: block; width: 100%; clear: left; margin: 0; padding: 1px 7px; color: #FF6F02; font-size: 10px; font-weight: bold; text-decoration: none; border-bottom: #FF930D 1px dashed; }
          div#contentMiddle ul.simpleList li a:hover { color: #FFFFFF; background-color: #DE2865; }
          div#contentMiddle ul.simpleList li a.highlight { display: block; width: 100%; clear: left; margin: 0; padding: 1px 7px; color: #C02350; font-size: 10px; font-weight: bold; text-decoration: none; border-bottom: #FF930D 1px dashed; }
          div#contentMiddle ul.simpleList li a.highlight:hover { color: #FFFFFF; background-color: #DE2865; }

      /* Szaggatott vonallal elválasztott lista */
      div#contentMiddle ul.list { margin: 0; padding: 0; list-style-type: none; }
        div#contentMiddle ul.list li { margin: 0; padding: 0; }
          div#contentMiddle ul.list li a { display: block; width: 100%; clear: left; margin: 0; padding: 0 7px; color: #FF6F02; font-size: 14px; font-weight: bold; text-decoration: none; border-bottom: #FF930D 1px dashed; }
            div#contentMiddle ul.list li a span { display: block; width: 100%; clear: left; margin: 0; padding: 0; color: #F7B88D; font-size: 11px; font-weight: normal; }
          div#contentMiddle ul.list li a:hover { color: #FFFFFF; background-color: #DE2865; }
            div#contentMiddle ul.list li a:hover span { color: #ED94B2; }

      /* Kapcsolódó lista (korábbi hírek, stb.) */
      div#contentMiddle ul.relatedList { margin: 0; padding: 0; list-style-type: none; }
        div#contentMiddle ul.relatedList li { margin: 0; padding: 0; }
          div#contentMiddle ul.relatedList li a { display: block; width: 100%; clear: left; margin: 0; padding: 0 0 0 110px; color: #FF6F02; font-size: 14px; font-weight: bold; text-decoration: none; border-bottom: #FF930D 1px dashed; }
            div#contentMiddle ul.relatedList li a span { display: block; width: 100%; clear: left; margin: 0; padding: 0; color: #F7B88D; font-size: 11px; font-weight: normal; }
          div#contentMiddle ul.relatedList li a:hover { color: #FFFFFF; background-color: #DE2865; }
            div#contentMiddle ul.relatedList li a:hover span { color: #ED94B2; }

      /* Hírek (nyitólap) */
      div#contentMiddle div.newsBox { float: left; margin: 5px 0 0 0; width: 560px; padding: 0 0 8px 0; border-bottom: #FF930D 1px dashed; }
        div#contentMiddle div.newsBox div.newsImage { float: left; width: 110px; }
          div#contentMiddle div.newsBox div.newsImage img { border: #C01D5C 1px solid !important; }
        div#contentMiddle div.newsBox div.newsPre { float: left; width: 450px; font-size: 10px; color: #000000; }
          div#contentMiddle div.newsBox div.newsPre h1 { margin: 0; padding: 0; color: #FF6F00 !important; font-size: 14px !important; font-weight: bold !important; text-transform: none !important; }
          div#contentMiddle div.newsBox div.newsPre h2 { margin: 0 !important; padding: 0 !important; color: #FDBB8B !important; font-size: 10px !important; font-weight: normal !important; text-transform: none !important; }
          div#contentMiddle div.newsBox div.newsPre p { margin: 0; padding: 3px 0; }
          div#contentMiddle div.newsBox div.newsPre a.button { float: left; display: block; width: 95px; height: 16px; line-height: 14px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(news_more_btn.gif) no-repeat; text-decoration: none; }
          div#contentMiddle div.newsBox div.newsPre a.button:hover { text-decoration: none; }

      /* Füles terméklista (nyitólap) */
      div#contentMiddle div.tabBox { float: left; width: 580px; margin: 5px 0; position: relative; left: -5px; }
        div#contentMiddle div.tabList { width: 580px; height: 31px; overflow: hidden; }
          div#contentMiddle div.tabList a { float: left; display: block; width: 193px; height: 31px; line-height: 41px; color: #DD5F08; background: url(tab_bg.gif) no-repeat top left; text-decoration: none; text-transform: uppercase; text-align: center; font-weight: bold; }
          div#contentMiddle div.tabList a.active { float: left; display: block; width: 193px; height: 31px; line-height: 31px; color: #FFFFFF; background: url(tab_bg.gif) no-repeat bottom left; text-decoration: none; text-transform: uppercase; text-align: center; font-weight: bold; }
          div#contentMiddle div.tabList a:hover { color: #FFFFFF; }
        div#contentMiddle div.tabContent { float: left; width: 580px; margin: 5px 0; }
        div#contentMiddle div.tabContent p.message { margin: 0; padding: 0 5px; font-size: 12px; color: #C51A5C; }
      div#contentMiddle div.dothr { clear: both; width: 560px; height: 1px; line-height: 1px; border-bottom: #FF930D 1px dashed; }

      /* Terméklista */
      div#contentMiddle table.productList { width: 580px; }
        div#contentMiddle table.productList td.left { width: 50%; padding: 5px 0; border-right: #FF930D 1px dashed; border-bottom: #FF930D 1px dashed; vertical-align: top; }
        div#contentMiddle table.productList td.right { width: 50%; padding: 5px 0; border-bottom: #FF930D 1px dashed; vertical-align: top; }
        div#contentMiddle table.productList td.leftAction { width: 50%; padding: 5px 0; border-right: #FF930D 1px dashed; border-bottom: #FF930D 1px dashed; vertical-align: top; background: url(action_flag.gif) no-repeat bottom right; }
        div#contentMiddle table.productList td.rightAction { width: 50%; padding: 5px 0; border-bottom: #FF930D 1px dashed; vertical-align: top; background: url(action_flag.gif) no-repeat bottom right; }
        div#contentMiddle table.productList h2 { margin: 0; padding: 0 0 5px 0; color: #FF9304 !important; font-size: 13px !important; font-weight: bold !important; text-transform: uppercase; }
          div#contentMiddle table.productList h2 a { color: #FF9304 !important; font-size: 13px !important; font-weight: bold !important; text-decoration: none !important; }
        div#contentMiddle table.productList div.pImage { float: left; width: 115px; padding: 0 0 0 2px; color: #AD6200; font-size: 11px; text-align: left; overflow: hidden; }
          div#contentMiddle table.productList div.pImage img { border: none !important; }
        div#contentMiddle table.productList div.pContent { float: left; width: 165px; padding: 0 0 10px 0; }
          div#contentMiddle table.productList div.pContent p { margin: 0; padding: 5px 0; }
          div#contentMiddle table.productList div.pContent p.pCost { color: #FF9304; font-size: 10px; }
            div#contentMiddle table.productList div.pContent p.pCost span { color: #D21861; font-size: 16px; font-weight: bold; }
          div#contentMiddle table.productList div.pContent p.pCostOld { margin: 0; padding: 0; color: #AE6600; font-size: 10px; }
            div#contentMiddle table.productList div.pContent p.pCostOld span { color: #AE6600; font-size: 10px; text-decoration: line-through; }
          div#contentMiddle table.productList div.pContent p.pCostUnit { margin: 0; padding: 0 0 8px 0; color: #AE6600; font-size: 10px; }
          div#contentMiddle table.productList div.pContent a.pMore { clear: left; display: block; width: 115px; height: 16px; font-size: 11px; line-height: 15px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(product_more_btn.gif) no-repeat; text-decoration: none; }
          div#contentMiddle table.productList div.pContent a.pMore:hover { text-decoration: none; }
          div#contentMiddle table.productList div.pContent select.inputlist { float: left; color: #B64C00; background-color: #FECF3B; border: #FC7E06 1px solid; margin-right: 5px; font-size: 11px; font-weight: bold; }
          div#contentMiddle table.productList div.pContent p.pCart span { color: #D21861; font-size: 10px; font-weight: bold; }
          div#contentMiddle table.productList div.pContent a.addToCart { float: left; display: block; width: 55px; height: 16px; font-size: 11px; line-height: 15px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(product_addtocart_btn.gif) no-repeat; text-decoration: none; }
          div#contentMiddle table.productList div.pContent a.addToCart:hover { text-decoration: none; }

      /* Oldaltérkép, egyéb listák */
      div#contentMiddle ul.sitemap { margin: 0; padding: 0; list-style-type: none; font-size: 13px; }
        div#contentMiddle ul.sitemap li { padding: 1px 0 1px 13px; background: url(li1.gif) no-repeat 0px 6px; }
        div#contentMiddle ul.sitemap li a { color: #FF7305; font-weight: bold; text-decoration: none; }
        div#contentMiddle ul.sitemap li a:hover { color: #E12967; font-weight: bold; text-decoration: underline; }
          div#contentMiddle ul.sitemap li ul { margin: 0; padding: 0 0 0 10px; list-style-type: none; font-size: 12px; }
            div#contentMiddle ul.sitemap li ul li { padding: 1px 0 1px 10px; background: url(li2.gif) no-repeat 0px 7px; }
              div#contentMiddle ul.sitemap li ul li ul { margin: 0; padding: 0 0 0 20px; list-style-type: none; font-size: 11px; }
                div#contentMiddle ul.sitemap li ul li ul li { padding: 1px 0 1px 7px; background: url(li3.gif) no-repeat 0px 7px; }

      /* Kosár aktualizálásos lista */
      div#contentMiddle ul.cart { margin: 0; padding: 0 0 10px 15px; list-style-type: none; font-size: 11px; font-weight: bold; }
        div#contentMiddle ul.cart li { padding: 1px 0 1px 13px; color: #F47202; background: url(li1.gif) no-repeat 0px 6px; }

      /* Keresés */
      div#contentMiddle div.searchForm { margin: 0; padding: 0 0 10px 100px; background: url(searchform_bg.jpg) no-repeat top left; font-size: 11px; color: #D57507; }
      div#contentMiddle h1.searchResult { color: #FD7F11 !important; }
        div#contentMiddle h1.searchResult span { color: #C71757 !important; }
      div#contentMiddle table.searchResult { width: 580px; }
        div#contentMiddle table.searchResult td { padding: 3px; vertical-align: middle; }
        div#contentMiddle table.searchResult td.title { width: 250px; color: #E42767; font-weight: bold; border-right: #FF930D 1px dashed; border-bottom: #FF930D 1px dashed; }
        div#contentMiddle table.searchResult td.cost { width: 190px; color: #FF7800; font-weight: normal; border-right: #FF930D 1px dashed; border-bottom: #FF930D 1px dashed; }
          div#contentMiddle table.searchResult td.cost span { color: #BA2157; font-weight: bold; }
        div#contentMiddle table.searchResult td.more { color: #E42767; font-weight: bold; border-right: #FF930D 1px dashed; border-bottom: #FF930D 1px dashed; }
        div#contentMiddle table.searchResult td.lasttitle { width: 250px; color: #E42767; font-weight: bold; border-right: #FF930D 1px dashed; border-bottom: none; }
        div#contentMiddle table.searchResult td.lastcost { width: 190px; color: #FF7800; font-weight: normal; border-right: #FF930D 1px dashed; border-bottom: none; }
          div#contentMiddle table.searchResult td.lastcost span { color: #BA2157; font-weight: bold; }
        div#contentMiddle table.searchResult td.lastmore { color: #E42767; font-weight: bold; border-right: #FF930D 1px dashed; border-bottom: none; }

      /* Útmutató */
      div#contentMiddle table.help { width: 580px; }
        div#contentMiddle table.help td { padding: 3px; vertical-align: middle; }
        div#contentMiddle table.help td.left { width: 40%; color: #F98300; font-weight: bold; border-right: #FF930D 1px dashed; border-bottom: #FF930D 1px dashed; }
        div#contentMiddle table.help td.right { width: 60%; color: #B25007; border-bottom: #FF930D 1px dashed; }
        div#contentMiddle table.help td.lastleft { width: 40%; color: #F98300; font-weight: bold; border-right: #FF930D 1px dashed; border-bottom: none; }
        div#contentMiddle table.help td.lastright { width: 60%; color: #B25007; border-bottom: none; }

      /* Kosár */
      div#basketBox { width: 564px; height: auto; margin: 0 0 15px 0; background: url(content_basket_bg.jpg) repeat-y; }
        div#basketBoxBody { padding: 7px 0 0 135px; width: 439px; min-height: 226px; height: auto !important; height: 226px; background: url(content_basket_top.jpg) no-repeat top left; }
          div#basketBoxBody div.basketLineH { width: 420px; color: #E97500; font-size: 10px; position: relative; left: 5px; }
            div#basketBoxBody div.basketLineH div.col1 { float: left; width: 165px; }
            div#basketBoxBody div.basketLineH div.col2 { float: left; width: 75px; }
            div#basketBoxBody div.basketLineH div.col3 { float: left; width: 75px; }
            div#basketBoxBody div.basketLineH div.col4 { float: left; width: 70px; }
            div#basketBoxBody div.basketLineH div.col5 { float: left; width: 30px; }
          div#basketBoxBody div.basketLineB { clear: left; margin: 4px 0; width: 420px; height: 21px; font-size: 10px; line-height: 20px; padding: 0 4px; color: #5B2400; background: url(content_basket_line.gif) no-repeat top left; overflow: hidden; }
            div#basketBoxBody div.basketLineB div.col1 { float: left; width: 165px; font-weight: bold; }
              div#basketBoxBody div.basketLineB div.col1 a { color: #5B2400; text-decoration: none; }
            div#basketBoxBody div.basketLineB div.col2 { float: left; width: 75px; color: #7A3305; }
            div#basketBoxBody div.basketLineB div.col3 { float: left; width: 75px; font-weight: bold; }
              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: 74px; color: #7A3305; }
            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: 375px; color: #AF5B01; font-size: 11px; text-align: right; }
            div#basketBoxBody div.basketSum span { color: #542500; font-weight: bold; font-size: 12px; }
          div#basketBoxBody input.lbutton { float: left; width: 121px; height: 16px; color: #FFFFFF; background: url(content_basket_button1.gif) no-repeat; border: none; font-size: 11px; cursor: pointer; margin: 0; padding: 0; }
          div#basketBoxBody input.rbutton { float: right; margin: 0 45px 0 0; width: 91px; height: 16px; color: #FFFFFF; background: url(content_basket_button2.gif) no-repeat; border: none; font-size: 11px; cursor: pointer; }
          div#basketBoxBody p.message { clear: left; width: 410px; margin: 0; padding: 10px 0; color: #542706; font-size: 11px; }
        div#basketBoxBottom { width: 564px; height: 22px; background: url(content_basket_bottom.jpg) no-repeat top left; }

      /* Pénztár */
      div#billBox { width: 564px; height: auto; background: url(orderbox_bg.jpg) repeat-y; }
        div#billBoxBody { padding: 7px 0 0 15px; width: 559px; min-height: 229px; height: auto !important; height: 229px; background: url(orderbox_top.jpg) no-repeat top left; }
          div#billBoxBody form { margin: 0; padding: 0; }
          div#billBoxBody p { clear: left; margin: 0; padding: 3px 0; color: #542706; font-size: 11px; }
          div#billBoxBody p label { float: left; width: 110px; text-align: right; padding-right: 5px; }
          div#billBoxBody input.inputbox { float: left; display: block; width: 274px; height: 14px; padding: 1px 4px; font-size: 10px; color: #D27600; background: url(big_inputbox_bg.gif) no-repeat top left; border: none; }
          div#billBoxBody textarea.inputarea { float: left; display: block; width: 274px; height: 38px; padding: 2px 4px; font-size: 10px; color: #D27600; background: url(big_inputarea_bg.gif) no-repeat top left; border: none; }
          div#billBoxBody input.nbutton { margin: 0 45px 0 0; width: 91px; height: 16px; color: #FFFFFF; background: url(content_basket_button2.gif) no-repeat; border: none; font-size: 11px; cursor: pointer; }
        div#billBoxBottom { width: 564px; height: 20px; background: url(orderbox_bottom.jpg) no-repeat top left; }

      /* Kapcsolati form */
      div#contactBox { width: 564px; height: auto; background: url(contactbox_bg.jpg) repeat-y; }
        div#contactBoxBody { padding: 7px 0 0 15px; width: 559px; min-height: 229px; height: auto !important; height: 229px; background: url(contactbox_top.jpg) no-repeat top left; }
          div#contactBoxBody form { margin: 0; padding: 0; }
          div#contactBoxBody p { clear: left; margin: 0; padding: 10px 0; color: #542706; font-size: 11px; }
          div#contactBoxBody p.message { clear: left; width: 70%; margin: 0; padding: 10px 0; color: #542706; font-size: 11px; }
          div#contactBoxBody p label { float: left; width: 110px; text-align: right; padding-right: 5px; }
          div#contactBoxBody input.inputbox { float: left; display: block; width: 274px; height: 14px; padding: 1px 4px; font-size: 10px; color: #D27600; background: url(big_inputbox_bg.gif) no-repeat top left; border: none; }
          div#contactBoxBody textarea.inputarea { float: left; display: block; width: 274px; height: 38px; padding: 2px 4px; font-size: 10px; color: #D27600; background: url(big_inputarea_bg.gif) no-repeat top left; border: none; }
          div#contactBoxBody input.nbutton { margin: 0 45px 0 0; width: 91px; height: 16px; color: #FFFFFF; background: url(content_basket_button2.gif) no-repeat; border: none; font-size: 11px; cursor: pointer; }
          div#contactBoxBody p.backlink { clear: both; margin: 0; padding: 0; }
            div#contactBoxBody p.backlink a { clear: left; display: block; width: 91px; height: 16px; font-size: 11px; line-height: 15px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(content_basket_button2.gif) no-repeat; text-decoration: none; }
              div#contactBoxBody p.backlink a:hover { text-decoration: none; }
        div#contactBoxBottom { width: 564px; height: 20px; background: url(contactbox_bottom.jpg) no-repeat top left; }

      /* Formok */
      div#simpleBox { width: 564px; height: auto; background: url(contactbox_bg.jpg) repeat-y; }
        div#simpleBoxBody { padding: 7px 0 0 15px; width: 559px; min-height: 229px; height: auto !important; height: 229px; background: url(contactbox_top.jpg) no-repeat top left; }
        div#lostpasswordBoxBody { padding: 7px 0 0 15px; width: 559px; min-height: 229px; height: auto !important; height: 229px; background: url(lostpasswordbox_top.jpg) no-repeat top left; }
        div#loginBoxBody { padding: 7px 0 0 15px; width: 559px; min-height: 229px; height: auto !important; height: 229px; background: url(loginbox_top.jpg) no-repeat top left; }
          div#simpleBoxBody form, div#lostpasswordBoxBody form, div#loginBoxBody form { margin: 0; padding: 0; }
          div#simpleBoxBody a, div#lostpasswordBoxBody a, div#loginBoxBody a { color: #FFFFFF; }
          div#simpleBoxBody p, div#lostpasswordBoxBody p, div#loginBoxBody p { clear: left; margin: 0; padding: 6px 0; color: #542706; font-size: 11px; }
          div#simpleBoxBody p.note, div#lostpasswordBoxBody p.note, div#loginBoxBody p.note { width: 300px; padding: 5px 0 0 120px; color: #542706; font-size: 10px; }
          div#simpleBoxBody p.message, div#lostpasswordBoxBody p.message, div#loginBoxBody p.message { clear: left; width: 70%; margin: 0; padding: 10px 0; color: #542706; font-size: 11px; }
          div#simpleBoxBody p.backlink, div#lostpasswordBoxBody p.backlink, div#loginBoxBody p.backlink { clear: both; margin: 0; padding: 0; }
            div#simpleBoxBody p.backlink a, div#lostpasswordBoxBody p.backlink a, div#loginBoxBody p.backlink a { clear: left; display: block; width: 91px; height: 16px; font-size: 11px; line-height: 15px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(content_basket_button2.gif) no-repeat; text-decoration: none; }
              div#simpleBoxBody p.backlink a:hover, div#lostpasswordBoxBody p.backlink a:hover, div#loginBoxBody p.backlink a:hover { text-decoration: none; }
          div#simpleBoxBody p label, div#lostpasswordBoxBody p label, div#loginBoxBody p label { float: left; width: 110px; text-align: right; padding-right: 5px; }
          div#simpleBoxBody ul, div#lostpasswordBoxBody ul, div#loginBoxBody ul { margin: 0; padding: 0 0 0 115px; list-style-type: none; color: #542706; font-size: 11px; }
          div#simpleBoxBody input.inputbox, div#lostpasswordBoxBody input.inputbox, div#loginBoxBody input.inputbox { float: left; display: block; width: 274px; height: 14px; padding: 1px 4px; font-size: 10px; color: #D27600; background: url(big_inputbox_bg.gif) no-repeat top left; border: none; }
          div#simpleBoxBody textarea.inputarea, div#lostpasswordBoxBody textarea.inputarea, div#loginBoxBody textarea.inputarea { float: left; display: block; width: 274px; height: 38px; padding: 2px 4px; font-size: 10px; color: #D27600; background: url(big_inputarea_bg.gif) no-repeat top left; border: none; }
          div#simpleBoxBody input.nbutton, div#lostpasswordBoxBody input.nbutton, div#loginBoxBody input.nbutton { margin: 0 45px 0 0; width: 91px; height: 16px; color: #FFFFFF; background: url(content_basket_button2.gif) no-repeat; border: none; font-size: 11px; cursor: pointer; }
        div#simpleBoxBottom { width: 564px; height: 20px; background: url(contactbox_bottom.jpg) no-repeat top left; }

      /* Lapozó */
      div#contentMiddle div.navbar { float: left; margin: 5px 0; padding: 5px; width: 560px; }
        div#contentMiddle div.navbar div.navbarLeft { width: 70%; float: left; text-align: left; }
          div#contentMiddle div.navbar div.navbarLeft a { display: block; float: left; margin: 0 4px 0 0; width: 24px; height: 17px; padding: 3px 1px 3px 0px; color: #E61674; background: url(navbar_num_bg.gif) no-repeat top left; text-align: center; text-decoration: none; }
          div#contentMiddle div.navbar div.navbarLeft a:hover { display: block; float: left; margin: 0 4px 0 0; width: 24px; height: 17px; padding: 3px 1px 3px 0px; color: #E61674; background: url(navbar_num_bg.gif) no-repeat bottom left; text-align: center; text-decoration: none; }
          div#contentMiddle div.navbar div.navbarLeft a.active { display: block; float: left; margin: 0 4px 0 0; width: 24px; height: 17px; padding: 3px 1px 3px 0px; color: #E61674; background: url(navbar_num_bg.gif) no-repeat bottom left; text-align: center; text-decoration: none; }
        div#contentMiddle div.navbar div.navbarRight { float: left; width: 30%; margin: 0; padding: 0; color: #FF9302; text-align: right; font-size: 11px; }
          div#contentMiddle div.navbar div.navbarRight span { color: #D82A65; }
          div#contentMiddle div.navbar div.navbarRight select.inputlist { color: #B64C00; background-color: #FECF3B; border: #FC7E06 1px solid; font-size: 11px; font-weight: bold; }

      /* Termék részletei */
      div#productView { float: left; width: 560px; margin: 0 0 10px 0; }
        div#productViewImage { float: left; width: 115px; padding: 0 0 0 2px; color: #AD6200; font-size: 11px; text-align: left; }
        div#productViewDesc { float: left; width: 440px; }
          div#productViewDesc p.cartAlert { color: #D21861; font-size: 10px; font-weight: bold; }
          div#productViewDesc h2 { margin: 0 0 15px 0; color: #F7861E; font-weight: bold; }
          div#productViewCost { color: #FF7E08; font-size: 11px; font-weight: bold; }
            div#productViewCost span { display: block; margin: 0 0 5px 0; width: 140px; height: 22px; padding: 5px; color: #FFFFFF; background: url(cost_bg.jpg) no-repeat; font-size: 16px; font-weight: bold; }
          div#productViewCostOld { padding: 0 0 6px 0; color: #B46500; font-size: 10px; font-weight: bold; }
            div#productViewCostOld span { text-decoration: line-through; }
          div#productViewCostUnit { padding: 0 0 6px 0; color: #B46500; font-size: 10px; font-weight: bold; }
          div#productViewDesc select.inputlist { float: left; color: #B64C00; background-color: #FECF3B; border: #FC7E06 1px solid; margin-right: 5px; font-size: 11px; font-weight: bold; }
          div#productViewDesc a.addToCart { float: left; display: block; width: 55px; height: 16px; font-size: 11px; line-height: 15px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(product_addtocart_btn.gif) no-repeat; text-decoration: none; }
          div#productViewDesc a.addToCart:hover { text-decoration: none; }

    /*
      --------------------
      - Jobb blokk -------
      --------------------
    */
    div#contentRight { float: left; width: 205px; height: auto; padding: 0 0 80px 0; }

      /* Hírlevél */
      div#newsletterBox { position: relative; left: 5px; float: left; margin: -4px 0 0 0; padding: 0; width: 200px; height: auto; background: url(newsletterbox_bg.gif) repeat-y top right; overflow: hidden; }
      div#newsletterBoxInner { float: left; margin: 0; padding: 0; width: 200px; height: auto; background: url(newsletterbox_top_bg.gif) no-repeat top left; }
        div#newsletterBoxInner h2 { margin: 0; padding: 18px 0 0 55px; font-size: 10px; font-weight: normal; }
        div#newsletterBoxInner form { margin: 0; padding: 4px 0; font-size: 10px; }
        div#newsletterBoxInner p { float: left; width: 200px; margin: 0; padding: 2px 0; line-height: 14px; }
        div#newsletterBoxInner label { display: block; float: left; width: 70px; text-align: right; margin: 0 2px 0 0; padding: 0; color: #D37D06; font-size: 9px; }
        div#newsletterBoxInner input.inputbox { float: left; display: block; width: 113px; height: 14px; margin: 0; padding: 1px 4px; font-size: 10px; color: #D27600; background: url(newsletter_inputbox.gif) no-repeat; border: none; }
        div#newsletterBox p#checklist { clear: left; margin: 0; padding: 3px 7px; }
        div#newsletterBoxInner input.nbutton { float: left; position: relative; left: 13px; width: 95px; height: 16px; color: #FFFFFF; background: url(news_more_btn.gif) no-repeat; border: none; font-size: 11px; cursor: pointer; }
      div#newsletterBoxBottom { position: relative; left: 5px; float: left; margin: 0; padding: 0; width: 200px; height: 55px; background: url(newsletterbox_bottom_bg.gif) no-repeat top left; overflow: hidden; }
        div#newsletterBoxBottom p { float: left; width: 200px; margin: 0; padding: 2px 0; line-height: 14px; }
        div#newsletterBoxBottom a.note { color: #E56800; text-decoration: none; font-size: 10px; padding-left: 15px; }
        div#newsletterBoxBottom a.note:hover { color: #E56800; text-decoration: underline; }

      /* Kosár */
      div#basket { position: relative; left: 5px; margin: -10px 0 0 0; padding: 81px 0 0 0; width: 201px; background: url(basketbox_top.gif) no-repeat top left; }
        div#basketContent { clear: left; width: 190px; padding: 0 0 0 10px; background: url(basketbox_bg.gif) repeat-y; font-size: 10px; }
          div#basketContent p { width: 180px; margin: 0; padding: 2px 4px; color: #bf336e; font-size: 11px; }
          div#basketContent table { width: 180px; color: #bf336e; }
          div#basketContent table td.pName { width: 100px; }
          div#basketContent table td.pNum { width: 25px; text-align: center; }
          div#basketContent table td.pCost { text-align: right; }
        div#basketBottom { clear: left; width: 200px; height: 80px; background: url(basketbox_bottom.gif) no-repeat top left; }
          div#basketBottom p { position: relative; top: 12px; left: 95px; display: block; width: 90px; margin: 0; padding: 0; color: #bf336e; font-size: 12px; font-weight: bold; text-align: right; }
          div#basketBottom a { float: left; position: relative; top: 23px; left: 14px; display: block; width: 95px; height: 16px; font-size: 11px; line-height: 14px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; background: url(basketbox_btn.gif) no-repeat; text-decoration: none; }
          div#basketBottom a:hover { text-decoration: none; }

      /* Tippek */
      div#tippBox { position: relative; clear: left; margin: 5px auto; width: 196px; height: 373px; color: #A23F00; background: url(tippbox_bg.jpg) no-repeat top left; overflow: hidden; }
        div#tippBox h2 { position: absolute; top: 40px; left: 10px; display: block; width: 130px; height: 65px; margin: 0; padding: 0; color: #FF6A03; font-size: 12px; font-weight: bold; text-transform: uppercase; overflow: hidden; }
        div#tippBox p { position: absolute; top: 105px; left: 10px; display: block; width: 180px; height: 75px; margin: 0; padding: 0; font-size: 11px; line-height: 15px; overflow: hidden; }
        div#tippBox div#tippBoxButtons { position: absolute; top: 190px; left: 10px; }
          div#tippBox a { clear: left; display: block; width: 95px; height: 16px; line-height: 14px; margin: 5px 0; text-align: center; color: #FFFFFF; background: url(tippbox_btn.gif) no-repeat; text-decoration: none; font-size: 10px; }
          div#tippBox a:hover { text-decoration: none; }

      /* Top10 termékek */
      div#top10Box { position: relative; clear: left; margin: 0 auto; width: 193px; height: 270px; color: #A23F00; background: url(top10_box_bg.jpg) no-repeat top left; overflow: hidden; }
        div#top10Box h2 { margin: 0; padding: 7px 7px 5px 10px; color: #FF6A03; font-size: 12px; font-weight: bold; text-transform: uppercase; overflow: hidden; }
        div#top10Box ul { margin: 0; padding: 0 7px; list-style-type: none; }
          div#top10Box ul li { float: left; display: block; width: 100%; height: 22px; margin: 0; padding: 0 !important; font-size: 11px; overflow: hidden; }
            div#top10Box ul li a { float: left; display: block; width: 150px; height: 15px; color: #A23F00; margin: 0; padding: 0 0 0 5px !important; text-decoration: none; overflow: hidden; }
            div#top10Box ul li a:hover { text-decoration: underline; }
            div#top10Box ul li span { float: left; display: block; font-weight: bold; color: #FFFFFF; padding-right: 5px; border-right: #A04101 1px solid; }
          div#top10Box a.button { display: block; position: absolute; top: 245px; left: 12px; width: 166px; height: 16px; text-align: center; color: #FFFFFF; background: url(top10_box_btn.gif) no-repeat; text-decoration: none; font-size: 10px; line-height: 14px; }
          div#top10Box a.button:hover { text-decoration: none; }


/*
  --------------------
  - Lábléc -----------
  --------------------
*/
div#footer { clear: left; position: relative; top: -80px; margin: 0 auto; width: 980px; height: 139px; background: url(footer_bg.jpg) no-repeat; }
  ul#footlinks { position: absolute; top: 28px; left: 35px; margin: 0; padding: 0; list-style-type: none; }
    ul#footlinks li { float: left; padding: 0 7px; color: #883800; border-right: #883800 1px solid; font-size: 11px; line-height: 12px; }
    ul#footlinks li.last { border-right: none; }
      ul#footlinks li a { color: #883800; text-decoration: none; }
      ul#footlinks li a:hover { color: #883800; text-decoration: underline; }

  p#footnote { display: block; position: absolute; top: 50px; left: 42px; width: 600px; margin: 0; padding: 0; color: #E05A05; font-size: 10px; }
    p#footnote a { color: #E05A05; text-decoration: underline; }

  #web200 { display: block; position: absolute; top: 32px; left: 700px; margin: 0; padding: 0; }
    #web200 a { display: block; float: right; width: 114px; height: 44px; background: url(logo_web200.png) no-repeat top left; text-indent: -5000px; }
    #web200 a:hover { background-position: bottom left; }