/*
$ http://www.karosszeriabolt.hu $
$ style/style.css | 2007/03/15 20:42 $
$ LM: 2007/05/03 14:00 $
*/



body { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 12px; color: #28292A; background-color: #535A5D; }

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

label { width: 130px; float: left; text-align: right; margin-right: 3px; }
input.inputbox { border: 1px solid; }
textarea.inputarea { border: 1px solid; }
input.nbutton { border: 1px solid; cursor: pointer; }

div#container {
  width: 790px;
  margin: 0 auto;
}

div#box {
  float: left;
  width: 790px;
  background: url(box_bg.gif) repeat-y;
}

  div#box div#boxTop {
    width: 790px;
    height: 59px;
    color: #E4E4E4;
    background: url(box_top_bg.gif) no-repeat;
    font-size: 11px;
  }

    div#box div#boxTop a { color: #E4E4E4; }

    div#box div#boxTop div#boxTopLeft { float: left; position: relative; top: 20px; left: 15px; }
    div#box div#boxTop div#boxTopRight { float: left; position: relative; top: 20px; left: 413px;  }

  div#box div#boxBody {
    position: relative;
    left: 12px;
    width: 766px;
    background: #000000;
  }

    div#box div#boxBody div#menu {
      width: 766px;
      height: 285px;
      background: url(menu_bg.jpg) no-repeat;
    }

      div#box div#boxBody div#menu div#logo { clear: left; width: 100px; position: relative; top: 48px; left: 484px; }
        div#box div#boxBody div#menu div#logo a { color: #FDFDFD; font-size: 18px; }
      div#box div#boxBody div#menu div#contact { clear: left; position: relative; top: 53px; left: 93px; color: #FDFDFD; font-size: 11px; }

      div#box div#boxBody div#menu div#menu1 { clear: left; width: 274px; height: 30px; line-height: 30px; position: relative; top: 63px; left: 485px; background: url(menu1_bd.gif) no-repeat bottom; }
        div#box div#boxBody div#menu div#menu1 a { display: block; width: 265px; color: #804747; font-weight: bold; font-size: 14px; padding-left: 10px; }
        div#box div#boxBody div#menu div#menu1 a:hover { color: #FFFFFF; background-color: #B94C43; text-decoration: none; }

      div#box div#boxBody div#menu div#menu2 { clear: left; width: 274px; height: 30px; line-height: 30px; position: relative; top: 63px; left: 485px; background: url(menu2_bd.gif) no-repeat bottom; }
        div#box div#boxBody div#menu div#menu2 a { display: block; width: 265px; color: #804747; font-weight: bold; font-size: 14px; padding-left: 10px; }
        div#box div#boxBody div#menu div#menu2 a:hover { color: #FFFFFF; background-color: #B94C43; text-decoration: none; }

      div#box div#boxBody div#menu div#menu3 { clear: left; width: 274px; height: 30px; line-height: 30px; position: relative; top: 63px; left: 485px; background: url(menu3_bd.gif) no-repeat bottom; }
        div#box div#boxBody div#menu div#menu3 a { display: block; width: 265px; color: #804747; font-weight: bold; font-size: 14px; padding-left: 10px; }
        div#box div#boxBody div#menu div#menu3 a:hover { color: #FFFFFF; background-color: #B94C43; text-decoration: none; }

      div#box div#boxBody div#menu div#menu4 { clear: left; width: 274px; height: 30px; line-height: 30px; position: relative; top: 63px; left: 485px; background: url(menu4_bd.gif) no-repeat bottom; }
        div#box div#boxBody div#menu div#menu4 a { display: block; width: 265px; color: #804747; font-weight: bold; font-size: 14px; padding-left: 10px; }
        div#box div#boxBody div#menu div#menu4 a:hover { color: #FFFFFF; background-color: #B94C43; text-decoration: none; }

      div#box div#boxBody div#menu div#menu5 { clear: left; width: 274px; height: 30px; line-height: 30px; position: relative; top: 63px; left: 485px; background: url(menu5_bd.gif) no-repeat bottom; }
        div#box div#boxBody div#menu div#menu5 a { display: block; width: 265px; color: #804747; font-weight: bold; font-size: 14px; padding-left: 10px; }
        div#box div#boxBody div#menu div#menu5 a:hover { color: #FFFFFF; background-color: #B94C43; text-decoration: none; }

      div#box div#boxBody div#menu div#menu6 { clear: left; width: 274px; height: 30px; line-height: 30px; position: relative; top: 63px; left: 485px; }
        div#box div#boxBody div#menu div#menu6 a { display: block; width: 265px; color: #804747; font-weight: bold; font-size: 14px; padding-left: 10px; }
        div#box div#boxBody div#menu div#menu6 a:hover { color: #FFFFFF; background-color: #B94C43; text-decoration: none; }

    div#box div#boxBody div#content {
      float: left;
      width: 766px;
      background: #FFFFFF url(content_bg.jpg) repeat-y;
      padding-bottom: 5px;
    }

      div#content img { border: #333333 1px solid; }
      div#content table { width: 100%; }
      div#content table td { vertical-align: bottom; text-align: center; }
      div#content table td img { border: none; }

      div#box div#boxBody div#content div#contentLeft {
        float: left;
        width: 393px;
        min-height: 200px;
        height: auto !important;
        height: 200px;
        background-color: #28292A;
      }

        div#box div#boxBody div#content div#contentLeft h1#actiontitle { display: block; float: right; margin: 5px 0; width: 388px; height: 29px; text-indent: -5000px; background: url(title_action.gif) no-repeat; }
        div#box div#boxBody div#content div#contentLeft a#actionlink { display: block; float: left; padding: 15px 0 0 15px; width: 357px; height: 17px; text-indent: -5000px; background: url(more_actions.gif) no-repeat right; }
        div#box div#boxBody div#content div#contentLeft p { color: #FFFFFF; margin: 4px 7px; padding: 0; }
        div#box div#boxBody div#content div#contentLeft a { color: #FFFFFF; }

        div#box div#boxBody div#content div#contentLeft div.actionbox { float: left; width: 370px; padding-left: 20px; margin-top: 5px; }
          div#box div#boxBody div#content div#contentLeft div.actionboxImage { float: left; width: 120px; background: url(action_lrs.gif) no-repeat right top; text-align: right; padding-right: 10px; overflow: hidden; }
            div#box div#boxBody div#content div#contentLeft div.actionboxImage img { border: #FFFFFF 1px dashed; }
          div#box div#boxBody div#content div#contentLeft div.actionboxDesc { float: left; margin-left: 7px; width: 230px; }
            div#box div#boxBody div#content div#contentLeft div.actionboxDesc h2 { clear: left; margin: 2px 0; color: #F31F2C; font-size: 11px; }
            div#box div#boxBody div#content div#contentLeft div.actionboxDesc p { clear: left; margin: 0; padding: 0; color: #E4E4E4; font-size: 11px; }
          div#box div#boxBody div#content div#contentLeft a.actionboxMore { display: block; float: left; width: 349px; height: 14px; text-indent: -5000px; background: url(more.gif) no-repeat; }

      div#box div#boxBody div#content div#contentRight {
        float: left;
        width: 372px;
        background: #FFFFFF url(lrs.gif) left repeat-y;
        color: #535A5D;
        overflow: hidden; /* IE 6 szétcsúszás */
      }
 
        div#box div#boxBody div#content div#contentRight img { border: none; }
        div#box div#boxBody div#content div#contentRight table { width: auto; }
        div#box div#boxBody div#content div#contentRight table td { width: auto; text-align: left; }
        div#box div#boxBody div#content h1#title1 { float: right; display: block; margin: 5px 0; width: 340px; height: 34px; text-indent: -1000px; background: url(title_j_udvozoljuk.gif) no-repeat; }
        div#box div#boxBody div#content h1#title2 { display: block; margin: 5px 0; width: 372px; height: 34px; text-indent: -1000px; background: url(title_j_elerhetosegek.gif) no-repeat; }
        div#box div#boxBody div#content h1#title3 { display: block; margin: 5px 0; width: 372px; height: 34px; text-indent: -1000px; background: url(title_j_ajanlatkeres.gif) no-repeat; }
        div#box div#boxBody div#content h1#title4 { display: block; margin: 5px 0; width: 372px; height: 34px; text-indent: -1000px; background: url(title_j_akcio.gif) no-repeat; }
        div#box div#boxBody div#content h1#title5 { display: block; margin: 5px 0; width: 372px; height: 34px; text-indent: -1000px; background: url(title_j_fotogaleria.gif) no-repeat; }
        div#box div#boxBody div#content h1#title6 { display: block; margin: 5px 0; width: 572px; height: 34px; text-indent: -1000px; background: url(title_j_markak.gif) no-repeat; }
        div#box div#boxBody div#content h1#title7 { display: block; margin: 5px 0; width: 372px; height: 34px; text-indent: -1000px; background: url(title_j_partnerek.gif) no-repeat; }
        div#box div#boxBody div#content h1#title8 { display: block; margin: 5px 0; width: 372px; height: 34px; text-indent: -1000px; background: url(title_j_oldalterkep.gif) no-repeat; }
        div#box div#boxBody div#content div#contentRight h2 { margin: 8px 7px; font-size: 18px; }
        div#box div#boxBody div#content div#contentRight p { margin: 0 7px; padding: 0; font-size: 11px; }

        div#box div#boxBody div#content div#contentRight div.infobox { clear: left; margin: 8px 4px; padding: 0; width: 369px; background: url(silverbox_bg.gif) repeat-y; overflow: hidden; }
          div#box div#boxBody div#content div#contentRight div.infoboxTop { width: 359px; padding: 5px; background: url(silverbox_top.gif) no-repeat top; }
            div#box div#boxBody div#content div#contentRight div.infoboxTop p { margin: 0; padding: 0; }
            div#box div#boxBody div#content div#contentRight div.infoboxTop a.submit1 { float: left; margin: 0; padding: 0 17px 0 0; background: url(arrow_gray.gif) no-repeat right; }
            div#box div#boxBody div#content div#contentRight div.infoboxTop a.submit2 { float: right; margin: 0; padding: 0 17px 0 0; background: url(arrow_red.gif) no-repeat right; color: #F31F2C; }
          div#box div#boxBody div#content div#contentRight div.infoboxBottom { clear: left; width: 369px; height: 5px; margin: 0; padding: 0; background: url(silverbox_bottom.gif) no-repeat; overflow: hidden; }

        div#box div#boxBody div#content div#contentRight div.contactbox { float: left; margin: 0 4px; width: 369px; }
          div#box div#boxBody div#content div#contentRight div.contactbox div.contactboxLeft { float: left; width: 69px; }
          div#box div#boxBody div#content div#contentRight div.contactbox div.contactboxRight { float: left; width: 300px; font-size: 11px; }
          div#box div#boxBody div#content div#contentRight div.contactbox div.contactboxRight p { margin: 3px 0; font-size: 11px; }
          div#box div#boxBody div#content div#contentRight div.contactbox div.contactboxRight a { color: #535A5D; }
            div#box div#boxBody div#content div#contentRight div.contactbox div.contactboxRight table { font-weight: bold; border-collapse: collapse; }

        div#box div#boxBody div#content div#contentRight div.hsep { float: left; margin: 5px; width: 369px; height: 5px; background: url(hsep.gif) no-repeat right; }

        div#box div#boxBody div#content div#contentRight div#map { clear: left; margin: 0; width: 374px; }
          div#box div#boxBody div#content div#contentRight div#map p { float: left; width: 110px; font-size: 10px; margin: 0 4px ; padding: 0; }
          div#box div#boxBody div#content div#contentRight div#map img { float: right; width: 248px; height: 153px; margin: 0; padding: 0; }

        div#content table.gallery { margin: 0; }
          div#content table.gallery tr { height: auto; }
          div#content table.gallery td { width: 150px; vertical-align: bottom; text-align: center; }
          div#content table.gallery td img { border: #333333 1px solid; }

        div#content table.pc { margin: 0; width: 750px; }
          div#content table.pc tr { height: auto; }
          div#content table.pc td { vertical-align: top; text-align: center; }

        div#content h3 { color: #535A5D; margin: 15px 0 0 0; padding-left: 10px; font-size: 18px; }
        div#content p { padding-left: 10px; }

        div#box div#boxBody div#content div.productbox { float: left; width: 350px; padding-left: 20px; margin-top: 5px; }
          div#box div#boxBody div#content div.productboxImage { float: left; width: 120px; background: url(productbox_lrs.gif) no-repeat right top; text-align: right; padding-right: 10px; overflow: hidden; }
            div#box div#boxBody div#content div.productboxImage img { border: none; }
            div#box div#boxBody div#content div.productboxImage span.new { font-weight: bold; color: #F31F2C; }
          div#box div#boxBody div#content div.productboxDesc { float: left; margin-left: 7px; width: 210px; }
            div#box div#boxBody div#content div.productboxDesc h2 { clear: left; margin: 2px 0; color: #F31F2C; font-size: 11px; }
            div#box div#boxBody div#content div.productboxDesc p { clear: left; margin: 0; padding: 0; color: #333333; font-size: 11px; }
            div#box div#boxBody div#content div.productboxDesc span.oldcost { font-size: 10px; color: #535A5D; }
            div#box div#boxBody div#content div.productboxDesc span.newcost { font-size: 12px; font-weight: bold; color: #333333; }
          div#box div#boxBody div#content div.productboxBottom { clear: left; width: 349px; height: 14px; background: url(productbox_borderbottom.gif) no-repeat; }


    div#box div#boxBody div#footer {
      float: left;
      width: 766px;
      height: 43px;
      background-color: #E4E4E4;
      font-size: 11px;
      text-align: center;
      padding-top: 2px;
      margin: 0;
    }

      div#box div#boxBody div#footer div#footerLeft { float: left; width: 150px; line-height: 45px; vertical-align: middle; }
      div#box div#boxBody div#footer div#footerMiddle { float: left; width: 430px; line-height: 45px; vertical-align: middle; }
      div#box div#boxBody div#footer div#footerRight { float: left; width: 175px; line-height: 13px; vertical-align: middle; text-align: left; }
        div#box div#boxBody div#footer div#footerRight img { float: right; margin: 0; padding: 2px; }
        div#box div#boxBody div#footer div#footerRight a { display: block; margin-top: 2px; height: 40px; float: left; }

div#boxBottom {
  clear: left;
  width: 790px;
  height: 9px;
  background: url(box_bottom_bg.gif) no-repeat;
}