/*
$ http://www.derekmelegito.hu $
$ style/style.css | 2007/10/04 11:26 | 2009/11/10 08:12 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 10px; color: #333333; background-color: #D5CBB0; }

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

img { border: none; }

input.inputbox { font-size: 10px; background: #E4D9C3; border: #564319 1px solid; }
input.inputbox:focus { font-size: 10px; background: #E4D9C3; border: #E79A2E 1px solid; }
select.inputlist { font-size: 10px; background: #E4D9C3; border: #564319 1px solid; }
select.inputlist:focus { font-size: 10px; background: #E4D9C3; border: #E79A2E 1px solid; }

div#header {
  min-width: 990px;
  width: 100%;
  height: 70px;
  background: url(header_bg.jpg) repeat-x;
}

  div#header a#logo { float: left; position: relative; top: 4px; left: 15px; }
  div#header div#menu { float: left; position: relative; top: 0px; left: 90px; z-index: 5; }
    div#header a#menu1 { float: left; display: block; width: 104px; height: 70px; background: url(menu1.gif) no-repeat; text-indent: -10000px; }
    div#header a#menu1:hover { float: left; display: block; width: 104px; height: 70px; background: url(menu1.gif) no-repeat bottom; }
    div#header a#menu2 { float: left; display: block; width: 90px; height: 70px; background: url(menu2.gif) no-repeat; text-indent: -10000px; }
    div#header a#menu2:hover { float: left; display: block; width: 90px; height: 70px; background: url(menu2.gif) no-repeat bottom; }
    div#header a#menu3 { float: left; display: block; width: 140px; height: 70px; background: url(menu3.gif) no-repeat; text-indent: -10000px; }
    div#header a#menu3:hover { float: left; display: block; width: 140px; height: 70px; background: url(menu3.gif) no-repeat bottom; }
    div#header a#menu4 { float: left; display: block; width: 134px; height: 70px; background: url(menu4.gif) no-repeat; text-indent: -10000px; }
    div#header a#menu4:hover { float: left; display: block; width: 134px; height: 70px; background: url(menu4.gif) no-repeat bottom; }
    div#header a#menu5 { float: left; display: block; width: 90px; height: 70px; background: url(menu5.gif) no-repeat; text-indent: -10000px; }
    div#header a#menu5:hover { float: left; display: block; width: 90px; height: 70px; background: url(menu5.gif) no-repeat bottom; }
  div#header div#listcart { position: absolute; top: 0px; left: 720px; z-index: 1; }

div#content {
  clear: left;
  min-width: 990px;
  width: 100%;
  min-height: 413px;
  height: auto !important;
  height: 413px;
  background: #D5CBB0 url(bg.jpg) repeat-x top;
  margin: 0;
  padding: 0;
}

  div#content div#status { clear: left; width: 100%; height: 20px; margin: 0; padding: 0; }
    div#content div#status div#bookmark { float: left; width: 235px; padding: 0 0 0 15px; }
      div#content div#status div#bookmark a { padding: 0 9px 0 0; background: url(arrow_right_b.gif) no-repeat right; }
    div#content div#status div#statusLine { float: left; color: #564319; }

  div#content div#contentLeft { float: left; width: 250px; }
    div#content div#contentLeft h1 { margin: 5px 0; color: #56441C; font-size: 18px; padding: 0 12px; }
    div#content div#contentLeft h2 { color: #56441C; margin: 0; font-size: 16px; text-align: left; padding: 0 12px; }
    div#content div#contentLeft a { padding: 0 8px; }
    div#content div#contentLeft p { margin: 5px 0; padding: 0 12px; color: #56441C; }
    div#content div#contentLeft p a { color: #FFFFFF; background: #E79A2E url(arrow_right_s.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; }
    div#content div#contentLeft p a:hover { text-decoration: none; }

  div#content div#contentLeft div#newsletterBox { width: 253px; height: 202px; background: url(newsletter_box.jpg) no-repeat; }
    div#content div#contentLeft div#newsletterBox h1 { margin: 0; padding: 0; position: relative; top: 50px; left: 145px; font-size: 16px; color: #564730; }
    div#content div#contentLeft div#newsletterBox p.nt { margin: 0; padding: 0 15px; position: relative; top: 75px; left: 4px; }
    div#content div#contentLeft div#newsletterBox form { clear: left; margin: 0; padding: 0; position: relative; top: 75px; }
    div#content div#contentLeft div#newsletterBox p { float: left; position: relative; top: 5px; }
    div#content div#contentLeft div#newsletterBox label { float: left; width: 40px; text-align: right; margin-right: 5px; padding: 0 0 0 7px; }
    div#content div#contentLeft div#newsletterBox input.inputbox { font-size: 10px; background: #E4D9C3; border: #564319 1px solid; }
    div#content div#contentLeft div#newsletterBox input.inputbox:focus { font-size: 10px; background: #E4D9C3; border: #E79A2E 1px solid; }
    div#content div#contentLeft div#newsletterBox input.subscribe { color: #FFFFFF; font-size: 11px; height: 14px; background: #E79A2E url(arrow_right.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; border: none; cursor: pointer; }

  div#content div#contentLeft div#linkBox { width: 253px; height: 77px; background: url(link_box.jpg) no-repeat; }
    div#content div#contentLeft div#linkBox ul { float: left; width: 215px; margin: 0; padding: 20px 0 0 17px; list-style-type: none; text-align: left; }
    div#content div#contentLeft div#linkBox ul li { border-top: #BEB49B 1px solid; }
    div#content div#contentLeft div#linkBox ul li.last { border-top: #BEB49B 1px solid; border-bottom: #BEB49B 1px solid; }

  div#content div#contentLeft div#bannerBox { width: 253px; text-align: center; }
  div#content div#contentLeft div#facebookBox { width: 253px; padding: 0 0 0 11px; }

  div#content div#contentRight { float: left; width: 740px; color: #564319; }
    div#content div#contentRight h1, div#content div#contentRight h1 a, div#content div#contentRight h1 a:hover { margin: 0 0 10px 0; color: #8B7F65; font-weight: normal; font-size: 26px; text-decoration: none; }
    div#content div#contentRight h3, div#content div#contentRight h3 a, div#content div#contentRight h3 a:hover { margin: 10px 0; color: #564319; font-size: 12px; text-decoration: none; }
    div#content div#contentRight a.obtn { color: #FFFFFF; background: #E79A2E url(arrow_right_e.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; }
    div#content div#contentRight a.obtn:hover { text-decoration: none; }
    div#content div#contentRight a.bbtn { float: left; color: #FFFFFF; background: #E79A2E url(arrow_left.gif) no-repeat left; letter-spacing: 1px; padding: 0 3px 0 7px; }
    div#content div#contentRight a.bbtn:hover { text-decoration: none; }
    div#content div#contentRight a { color: #93876D; }
      div#content div#contentRight a.info img { position: relative; top: 3px; }
    div#content div#contentRight table.usable { width: 100%; }
      div#content div#contentRight table.usable td { width: 230px; }
      div#content div#contentRight table.usable td p { display: block; width: 210px; }

    div#content div#contentRight ul { list-style-type: square; color: #564319; }
      div#content div#contentRight ul li, div#content div#contentRight ul li a { color: #564319; font-size: 12px; }

    /* Termékek */
    div#content div#contentRight div.productBox { float: left; margin: 5px 10px 5px 0px; padding: 7px 0 0 0; width: 347px; height: 133px; background: url(product_box_bg.gif) no-repeat top; }
      div#content div#contentRight div.productBoxLeft { float: left; width: 120px; padding: 0 0 0 10px; }
      div#content div#contentRight div.productBoxRight { float: left; width: 187px; padding: 0 20px 0 10px; font-size: 10px; }
        div#content div#contentRight div.productBoxRight h2 { margin: 0; font-size: 20px; font-weight: normal; color: #C6B392; }
        div#content div#contentRight div.productBoxRight p.cost { clear: left; color: #534518; margin: 15px 0 25px 0; padding: 7px 0; font-size: 14px; font-weight: bold; }
        div#content div#contentRight div.productBoxRight a { color: #FFFFFF; background: #E79A2E url(arrow_right.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; }
        div#content div#contentRight div.productBoxRight a:hover { text-decoration: none; }

    /* Kapcsolat, Légy a partnerünk */
    div#content div#contentRight div#cRL { float: left; width: 360px; padding: 0 5px; }
      div#content div#contentRight div#cRL a { color: #93876D; }
      div#content div#contentRight div#cRL ul a { color: #534518; }

    div#content div#contentRight div#cRR { float: left; width: 360px; padding: 0 5px; }
      div#content div#contentRight div#cRR div.cRRMessage { padding: 0 20px; }
      div#content div#contentRight div#cRR p { clear: left; margin: 4px 0; }
      div#content div#contentRight div#cRR label { float: left; width: 120px; text-align: right; margin-right: 5px; }
      * html div#content div#contentRight div#cRR input.inputbox { padding: 3px 11px 0 7px; font-size: 10px; width: 194px; height: 17px; position: relative; background: url(inputbox_bg.gif) no-repeat top left fixed; border: none; }
      *+html div#content div#contentRight div#cRR input.inputbox { padding: 3px 11px 0 7px; font-size: 10px; width: 194px; height: 17px; background: url(inputbox_bg.gif) no-repeat top right; border: none; }
      div#content div#contentRight div#cRR input.inputbox { padding: 3px 11px 0 7px; font-size: 10px; width: 194px; height: 17px; background: url(inputbox_bg.gif) no-repeat top left; border: none; }
      div#content div#contentRight div#cRR input.inputbox:focus { padding: 3px 11px 0 7px; font-size: 10px; width: 194px; height: 17px; background: url(inputbox_bg.gif) no-repeat bottom left; border: none; }
      * html div#content div#contentRight div#cRR textarea.inputarea { padding: 5px 11px 5px 7px; font-size: 10px; width: 194px; height: 57px; position: relative; background: url(inputarea_bg.gif) no-repeat top left fixed; border: none; white-space: pre; overflow: hidden; }
      div#content div#contentRight div#cRR textarea.inputarea { padding: 5px 11px 5px 7px; font-size: 10px; width: 194px; height: 57px; background: url(inputarea_bg.gif) no-repeat top left; border: none; white-space: pre; }
      div#content div#contentRight div#cRR textarea.inputarea:focus { padding: 5px 11px 5px 7px; font-size: 10px; width: 194px; height: 57px; background: url(inputarea_bg.gif) no-repeat bottom left; border: none; white-space: pre; }
      div#content div#contentRight div#cRR input.nbutton { color: #FFFFFF; font-size: 11px; height: 14px; background: #E79A2E url(arrow_right_c.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; border: none; cursor: pointer; }

      div#content div#contentRight div#cRR div#contactBox { width: 347px; height: 277px; background: url(contact_box.jpg) no-repeat; }
        div#content div#contentRight div#cRR div#contactBox h2 { margin: 0; padding: 5px 0 5px 10px; color: #FFF4E6; font-size: 20px; font-weight: normal; }
        div#content div#contentRight div#cRR div#contactBox form { clear: left; margin: 0; padding: 0; }

     div#content div#contentRight div#cRR div#partnerBox { width: 347px; height: 336px; background: url(partner_contact_box.jpg) no-repeat; }
        div#content div#contentRight div#cRR div#partnerBox h2 { margin: 0; padding: 5px 0 5px 10px; color: #FFF4E6; font-size: 20px; font-weight: normal; }
        div#content div#contentRight div#cRR div#partnerBox form { clear: left; margin: 0; padding: 0; }

    /* Pénztár */
    div#content div#contentRight div#checkout { margin: 0 auto; width: 346px; height: 369px; background: url(checkout_box.jpg) no-repeat; }
      div#content div#contentRight div#checkout h2 { margin: 0; padding: 5px 0 5px 10px; color: #FFF4E6; font-size: 20px; font-weight: normal; }
      div#content div#contentRight div#checkout form { clear: left; margin: 0; padding: 0; }
      div#content div#contentRight div#checkout div.message { padding: 0 20px; }
      div#content div#contentRight div#checkout p { clear: left; margin: 4px 0; }
      div#content div#contentRight div#checkout label { float: left; width: 120px; text-align: right; margin-right: 5px; }
      div#content div#contentRight div#checkout input.inputbox { padding: 3px 11px 0 7px; font-size: 10px; width: 194px; height: 17px; background: url(inputbox_bg.gif) no-repeat top left; border: none; }
      div#content div#contentRight div#checkout input.inputbox:focus { padding: 3px 11px 0 7px; font-size: 10px; width: 194px; height: 17px; background: url(inputbox_bg.gif) no-repeat bottom left; border: none; }
      * html div#content div#contentRight div#checkout input.inputbox { padding: 3px 11px 0 7px; font-size: 10px; width: 194px; height: 17px; position: relative; background: url(inputbox_bg.gif) no-repeat top left fixed; border: none; }
      *+html div#content div#contentRight div#checkout input.inputbox { padding: 3px 11px 0 7px; font-size: 10px; width: 194px; height: 17px; background: url(inputbox_bg.gif) no-repeat top right; border: none; }
      div#content div#contentRight div#checkout textarea.inputarea { padding: 5px 11px 5px 7px; font-size: 10px; width: 194px; height: 57px; background: url(inputarea_bg.gif) no-repeat top left; border: none; white-space: pre; }
      div#content div#contentRight div#checkout textarea.inputarea:focus { padding: 5px 11px 5px 7px; font-size: 10px; width: 194px; height: 57px; background: url(inputarea_bg.gif) no-repeat bottom left; border: none; white-space: pre; }
      * html div#content div#contentRight div#checkout textarea.inputarea { padding: 5px 11px 5px 7px; font-size: 10px; width: 194px; height: 57px; position: relative; background: url(inputarea_bg.gif) no-repeat top left fixed; border: none; white-space: pre; overflow: hidden; }
      div#content div#contentRight div#checkout input.nbutton { color: #FFFFFF; font-size: 11px; height: 14px; background: #E79A2E url(arrow_right_c.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; border: none; cursor: pointer; }
      div#content div#contentRight div#checkout a.bbtn { float: left; color: #FFFFFF; background: #E79A2E url(arrow_left_s.gif) no-repeat left; letter-spacing: 1px; padding: 0 3px 0 7px; }
      div#content div#contentRight div#checkout a.bbtn:hover { text-decoration: none; }

    /* Lelőhelyek */
    div#content div#contentRight div.partnerBox { float: left; margin: 5px 0; width: 711px; }
      div#content div#contentRight div.partnerBoxTop { float: left; width: 711px; height: 13px; background: url(partner_box_top.gif) no-repeat; }
      div#content div#contentRight div.partnerBoxBody { float: left; width: 689px; padding: 0 11px 0px 11px; background: url(partner_box_bg.gif) repeat-y; }
        div#content div#contentRight div.partnerBoxBody h2 { margin: 0 0 4px 0; color: #FFF5E5; font-weight: normal; font-size: 22px; text-transform: uppercase; }
        div#content div#contentRight div.partnerBoxBody form { clear: left; margin: 0; padding: 0; }
        div#content div#contentRight div.partnerBoxBody p { clear: left; }
        div#content div#contentRight div.partnerBoxBody label { float: left; width: 50px; text-align: right; margin-right: 5px; padding: 0 0 0 7px; }
        div#content div#contentRight div.partnerBoxBody input.nbutton { color: #FFFFFF; font-size: 11px; height: 14px; background: #E79A2E url(arrow_right_c.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; border: none; cursor: pointer; }
        div#content div#contentRight div.partnerBoxBody a.btnback { float: left; color: #FFFFFF; background: #E79A2E url(arrow_left_s.gif) no-repeat left; letter-spacing: 1px; padding: 0 3px 0 7px; }
        div#content div#contentRight div.partnerBoxBody a.btnback:hover { text-decoration: none; }
        div#content div#contentRight div.partnerBoxBody a.obtn { color: #FFFFFF; background: #E79A2E url(arrow_right_c.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; }
        div#content div#contentRight div.partnerBoxBody a.obtn:hover { text-decoration: none; }
      div#content div#contentRight div.partnerBoxBottom { float: left; width: 711px; height: 13px; background: url(partner_box_bottom.gif) no-repeat; }

    /* Mire használhatod még? */
    div#content div#contentRight table tr td { vertical-align: top; }
      div#content div#contentRight table tr td h2 { margin: 0; padding: 0 10px; font-size: 18px; }
      div#content div#contentRight table tr td p { margin: 0; padding: 5px 10px; font-size: 11px; }

    /* Aktuális */
    div#content div#contentRight div#newsBox { clear: left; }
      div#content div#contentRight div#newsBoxLeft { float: left; width: 150px; overflow: hidden; }
      div#content div#contentRight div#newsBoxRight { float: left; width: 500px; }
        div#content div#contentRight div#newsBoxRight h2 { margin: 0; padding: 0; font-size: 12px; }
        div#content div#contentRight div#newsBoxRight p#date { margin: 0; padding: 0; color: #8B7C5D; font-size: 10px; }
    div#content div#contentRight div#newsArchiveBox { clear: left; padding: 10px 0 0 150px; }
      div#content div#contentRight div#newsArchiveBox div.archiveLine { clear: left; margin: 10px 0; width: 567px; height: 41px; background: url(archive_box.jpg) no-repeat; }
      div#content div#contentRight div#newsArchiveBox p.title { display: block; width: 540px; height: 14px; margin: 0; padding: 6px 15px 0 15px; font-weight: bold; overflow: hidden; }
      div#content div#contentRight div#newsArchiveBox p.date { display: block; width: 540px; margin: 0; padding: 0 15px; color: #8B7C5D; }
      div#content div#contentRight div#newsArchiveBox div.archiveActiveLine { clear: left; width: 567px; height: 41px; background: url(archive_box_active.jpg) no-repeat; }

    /* Termék részletesen */
    div#content div#contentRight div#product { float: left; margin: 0; padding: 10px 0 0 0; }
      div#content div#contentRight div#productLeft { float: left; width: 250px; text-align: center; margin: 0 0 15px 0; }
      div#content div#contentRight div#productRight { float: left; width: 400px; padding: 5px 0; }
        div#content div#contentRight div#productRight h2 { margin: 0; padding: 0; font-size: 12px; }

    /* Kosár tartalma */
    div#content div#contentRight div#cart { width: 712px; background: url(kosar_box_bg.jpg) repeat-y; }
    div#content div#contentRight div#cart div#cartTop { width: 712px; height: 15px; background: url(kosar_box_top.jpg) no-repeat; }
    div#content div#contentRight div#cart div#cartBottom { width: 712px; min-height: 212px; height: auto !important; height: 212px; background: url(kosar_box_bottom.jpg) no-repeat bottom; }
      div#content div#contentRight div#cart div#cartBottomLeft { float: left; width: 150px; }
      div#content div#contentRight div#cart div#cartBottomRight { float: left; width: 542px; }
        div#content div#contentRight div#cart div#cartBottomRight table { width: 100%; border-collapse: collapse; }
        div#content div#contentRight div#cart div#cartBottomRight table th { color: #6D5C3E; text-align: left; }
        div#content div#contentRight div#cart div#cartBottomRight table td { color: #FFFFFF; font-size: 12px; text-align: left; padding: 4px 4px; }
          div#content div#contentRight div#cart div#cartBottomRight table td span { display: block; float: left; width: 20px; height: 16px; text-align: center; }
          div#content div#contentRight div#cart div#cartBottomRight table td a { display: block; float: left; width: 15px; height: 16px; text-align: center; background-color: #CFC09F; }
          div#content div#contentRight div#cart div#cartBottomRight table td a:hover { text-decoration: none; color: #FFFFFF; }
        div#content div#contentRight div#cart div#cartBottomRight table tr.odd { background-color: #BEAD82; }
        div#content div#contentRight div#cart div#cartBottomRight table tr.even { background-color: #C7B58F; }
        div#content div#contentRight div#cart div#cartBottomRight p#sum { font-size: 11px; font-weight: bold; text-align: right; padding-right: 60px; }
        div#content div#contentRight div#cart div#cartBottomRight p#buttons { padding-right: 60px; }
        div#content div#contentRight div#cart div#cartBottomRight a.rp { float: left; color: #FFFFFF; background: none; letter-spacing: 1px; padding: 0 3px 0 7px; }
        div#content div#contentRight div#cart div#cartBottomRight a.rp:hover { text-decoration: underline; }
        div#content div#contentRight div#cart div#cartBottomRight a.btnorder { float: left; color: #FFFFFF; background: #E79A2E url(arrow_left_s.gif) no-repeat left; letter-spacing: 1px; padding: 0 3px 0 7px; }
        div#content div#contentRight div#cart div#cartBottomRight a.btnorder:hover { text-decoration: none; }
        div#content div#contentRight div#cart div#cartBottomRight a.btncassa { float: right; color: #FFFFFF; background: #E79A2E url(arrow_right_c.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; }
        div#content div#contentRight div#cart div#cartBottomRight a.btncassa:hover { text-decoration: none; }

    div#content div#contentRight div.clearfix { clear: both; width: 100%; height: 1px; }

div#footer {
  clear: left;
  width: 960px;
  color: #564319;
  padding: 15px 0 10px 10px;
}

  div#footer div#footerLeft { width: 800px; float: left; }
    div#footer div#footerLeft ul { clear: left; width: 790px; margin: 0; padding: 0; list-style-type: none; }
      div#footer div#footerLeft ul li { float: left; padding: 0 5px; border-right: #564319 1px solid; }
      div#footer div#footerLeft ul li.last { float: left; padding: 0 5px; border-right: none; }
        div#footer div#footerLeft ul li a { color: #564319; }
    div#footer div#footerLeft p { clear: left; margin: 0; padding: 15px 0 10px 5px; color: #AFA282; }
  div#footer div#footerRight { width: 160px; float: left; text-align: right; }
    div#footer div#footerRight img { border: none; }