/*
$ http://www.csinileszel.hu $
$ style/style.css | 2008/04/09 11:20 | 2010/07/29 09:16 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial; font-size: 12px; color: #2B3820; background: #416326 url(bg.png) repeat-x top left; }

a:link { color: #FE8800; text-decoration: none; }
a:visited { color: #FE8800; text-decoration: none; }
a:hover { color: #FE8800; text-decoration: underline; }
img { border: none; }
form { margin: 0; padding: 0; }
fieldset { margin: 0 0 15px 0; padding: 5px; color: #4C9311; border: #81D41B 1px solid; }
form p { margin: 4px 0; }
p label { float: left; width: 120px; font-size: 12px; text-align: right; margin-right: 5px; }
p.fd { clear: left; width: 350px; margin: 0 0 5px 0; padding: 0 0 0 125px; font-size: 11px; }
p.subtitle { clear: left; margin: 0; padding: 0 0 10px 10px; color: #534D35; font-size: 12px; }
input.inputbox { font-size: 10px; background-color: #B8E38B; border: #CABF9F 1px solid; }
input.inputbox:hover, div#newsletterBox p input.inputbox:focus { color: #EDEBD6; background-color: #59AE12; border: #B8E38B 1px solid; }
textarea.inputarea { font-size: 10px; background-color: #B8E38B; border: #59AE12 1px solid; }
textarea.inputarea:hover { color: #FFFFFF; background-color: #59AE12; border: #B8E38B 1px solid; }
select.inputlist { font-size: 10px; background-color: #B8E38B; border: #59AE12 1px solid; }
input.nbutton { float: left; margin: 2px; width: auto; font-size: 11px; color: #7E140E; background-color: #FC7426; border: #891313 1px solid; cursor: pointer; }
input.nbutton:hover { color: #EDEBD6; }
input.cbutton { margin: 2px; width: auto; font-size: 11px; color: #534D35; background-color: #CABF9F; border: #CABF9F 1px solid; cursor: pointer; }
input.cbutton:hover { color: #000000; }
input.rbutton { float: right; margin: 2px; width: auto; font-size: 11px; color: #7E140E; background-color: #FC7426; border: #891313 1px solid; cursor: pointer; }
input.rbutton:hover { color: #EDEBD6; }
input.gbutton { margin: 0; width: auto; font-size: 10px; color: #337009; background-color: #82D21B; border: #337009 1px solid; cursor: pointer; }
input.gbutton:hover { color: #EDEBD6; }

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

  div#header { width: 983px; height: 214px; overflow: hidden; }
    div#headerLeft { float: left; position: relative; width: 803px; height: 214px; background: url(header_bg.jpg) no-repeat; }
      a#logo { display: block; position: absolute; top: 0px; left: 244px; width: 324px; height: 135px; background: url(logo.jpg) no-repeat top left; text-indent: -3000px; }
      a#logo:hover { display: block; width: 324px; height: 135px; background: url(logo.jpg) no-repeat bottom left; text-indent: -3000px; }

      ul#menu { position: absolute; top: 185px; left: 330px; margin: 0; padding: 0; list-style-type: none; }
        ul#menu li { float: left; margin: 0; padding: 0 1px; color: #FE8800; font-weight: bold; border-right: 1px solid; }
        ul#menu li.last { float: left; margin: 0; padding: 0 1px; color: #FE8800; font-weight: bold; border-right: none; }
        ul#menu li a { padding: 2px 7px; color: #FE8800; }
        ul#menu li a:hover { padding: 2px 7px; }

      div#login { position: absolute; top: 60px; left: 613px; width: 160px; height: 70px; }
        div#login p { clear: left; margin: 2px 0; font-size: 11px; }
        div#login p label { width: 40px; font-size: 11px; }
        div#login input.inputbox { width: 100px; }
        div#login input.nbutton { font-size: 10px; }
        div#login p#loginLinks { font-size: 10px; margin: 0; padding: 2px 0; text-align: right; }
          div#login p#loginLinks a { color: #3C760C; }

    div#headerRight { float: left; width: 178px; height: 214px; border-right: #59AE12 1px solid; }
      div#headerRight img { border: none; }

  div#content { float: left; width: 982px; background: url(content_bg.jpg) repeat-y top left; }
    div#contentLeft { float: left; width: 231px; padding: 0 0 80px 0; overflow: hidden; }

      div#akcioBox { width: 291px; }
        div#akcioBoxTop { width: 291px; height: 93px; background: url(akcios_top_bg.jpg) no-repeat top left; }
        div#akcioBoxBody { width: 291px; background: url(akcios_bg.jpg) repeat-y; }
          div#akcioBoxBody ul { margin: 0; padding: 0 0 0 11px; list-style-type: none; }
          div#akcioBoxBody ul li { display: block; width: 210px; border-bottom: #56A911 1px solid; }
            div#akcioBoxBody ul li a { display: block; width: 190px; padding: 2px 10px; color: #416326; font-weight: bold; }
            div#akcioBoxBody ul li a:hover { color: #FE8800; background-color: #EDEBD6; text-decoration: none; }
        div#akcioBoxBottom { width: 291px; height: 15px; background: url(akcios_bottom_bg.jpg) no-repeat top left; }

      div#listBox { width: 291px; margin: 4px 0; }
        div#listBoxTop { width: 291px; height: 98px; background: url(termekek_top_bg.jpg) no-repeat top left; }
        div#listBoxBody { width: 291px; background: url(termekek_bg.jpg) repeat-y; }
          div#listBoxBody ul { margin: 0; padding: 0 0 0 11px; list-style-type: none; }
          div#listBoxBody ul li { display: block; width: 210px; border-bottom: #56A911 1px solid; }
            div#listBoxBody ul li a { display: block; width: 190px; padding: 2px 10px; color: #203d09; font-weight: bold; }
            div#listBoxBody ul li a:hover { color: #FE8800; background-color: #EDEBD6; text-decoration: none; }
            div#listBoxBody ul li.sub a { display: block; width: 180px; padding: 2px 10px 2px 20px; color: #416326; font-size: 10px; font-weight: bold; }
            div#listBoxBody ul li.sub a:hover { color: #FE8800; background-color: #EDEBD6; font-size: 10px; text-decoration: none; }
        div#listBoxBottom { width: 291px; height: 14px; background: url(termekek_bottom_bg.jpg) no-repeat top left; }

      div#newsletterBox { float: left; margin: 4px 0; padding: 0 20px; width: 201px; height: 292px; background: url(hirlevel_bg.jpg) no-repeat top left; font-size: 11px; }
        div#newsletterBox p { color: #416326; margin: 5px 0; padding: 0 4px; }
        div#newsletterBox p a { color: #416326; text-decoration: underline; }
        div#newsletterBox p a:hover { color: #416326; text-decoration: none; }
        div#newsletterBox p#newsletterTitle { padding-top: 28px; }
        div#newsletterBox p label { float: left; width: 45px; text-align: right; margin-right: 5px; font-size: 11px; }
        div#newsletterBox input.inputbox { width: 100px; }
        div#newsletterBox input.nbutton { float: none; font-size: 10px; }
        div#newsletterBox p#newsletterSubscribe { padding: 15px 20px 0 0; text-align: center; }
        div#newsletterBox p#newsletterLinks { padding: 30px 0 0 4px; }

    div#contentMiddle { float: left; width: 571px; padding: 0px 10px; font-size: 11px; overflow: hidden; }
      div#contentMiddle h1, div#contentMiddle h1 a, div#contentMiddle h1 a:hover { margin: 12px 0 6px 0; color: #FE8800; font-size: 22px; font-weight: normal; text-decoration: none; }
      div#contentMiddle div.hr { clear: both; width: 100%; height: 1px; line-height: 1px; overflow: hidden; }
      div#contentMiddle p.c { text-align: center; }
      div#contentMiddle a.go { padding: 0 10px 0 0; background: url(right_arrow.gif) no-repeat center right; }
      div#contentMiddle a.back { margin: 0 0 0 5px; padding: 0 0 0 10px; background: url(left_arrow.gif) 0px 5px no-repeat; }

      div#discountBox1 { float: left; margin: 0 5px; padding: 55px 10px 0 10px; width: 250px; height: 110px; background: url(viszonteladoi_box.jpg) no-repeat; color: #FFFFFF; font-size: 11px; font-weight: bold; }
        div#discountBox1 p { display: block; width: 250px; height: 60px; overflow: hidden; }
        div#discountBox1 a { color: #800F01; font-size: 13px; float: right; border-bottom: 1px solid; }
        div#discountBox1 a:hover { text-decoration: none; border-bottom: 2px solid; }
      div#discountBox2 { float: left; margin: 0 5px; padding: 55px 100px 0 10px; width: 160px; height: 110px; background: url(csomagkedvezmenyek_box.jpg) no-repeat; color: #FFFFFF; font-size: 11px; font-weight: bold; }
        div#discountBox2 p { display: block; width: 160px; height: 60px; overflow: hidden; }
        div#discountBox2 a { color: #31591B; font-size: 13px; border-bottom: 1px solid; }
        div#discountBox2 a:hover { text-decoration: none; border-bottom: 2px solid; }

      div.newsBox { float: left; margin: 0 0 10px 0; padding: 0 5px; width: 270px; height: auto; }
        div.newsBox h2 { margin: 0; padding: 0; color: #303A22; font-size: 16px; }
        div.newsBox h3 { margin: 0; padding: 0; color: #8F8E79; font-size: 10px; font-weight: normal; }
        div.newsBox p { margin: 6px 0; padding: 0; color: #2D321B; font-size: 10px; }
          div.newsBox p a { padding: 0 10px 0 0; background: url(link_arrow.gif) no-repeat center right; text-decoration: underline; }
          div.newsBox p a:hover { text-decoration: none; }

      div.productBox { float: left; margin: 10px 5px; padding: 4px; width: 172px; height: 140px; background: url(termek_box_bg.jpg) no-repeat; }
        div.productBox h1, div.productBox h1 a, div.productBox h1 a:hover { display: block; float: left; margin: 0 0 2px 0 !important; padding: 0; width: 170px; height: 34px; color: #322D33 !important; font-size: 13px !important; font-weight: bold !important; text-decoration: none; overflow: hidden; }
        div.productBox div.productBoxL { float: left; width: 88px; margin: 0; padding: 0; }
          div.productBox div.productBoxL p.cost { display: block; width: 88px; height: 60px; margin: 0; padding: 0 0 12px 0; color: #2E7F00; font-size: 10px; font-weight: bold; }
            div.productBox div.productBoxL p.cost span { color: #FFFFFF; font-size: 14px; font-weight: bold; }
          div.productBox div.productBoxL p.order { margin: 6px 0; padding: 0; color: #2E7F00; font-size: 10px; font-weight: normal; }
          div.productBox div.productBoxL p.more { margin: 6px 0; padding: 0; color: #2E7F00; font-size: 10px; font-weight: normal; }
          div.productBox div.productBoxL input.inputbox { width: 20px; font-weight: bold; text-align: center; color: #5DB515; background-color: #FFFFFF; }
          div.productBox div.productBoxL input.obutton { width: 80px; color: #2D710E; font-size: 10px; font-weight: bold; background-color: #85D420; border: none; cursor: pointer; }
        div.productBox div.productBoxR { float: left; width: 70px; }
          div.productBox div.productBoxR img { border: #EDEBD6 1px solid; }

      div.giftBox { float: left; margin: 5px 5px 10px 5px; padding: 4px; width: 262px; height: 158px; background: url(ajandek_box_bg.jpg) no-repeat; }
        div.giftBox h1, div.giftBox h1 a, div.giftBox h1 a:hover { display: block; float: left; margin: 0 0 2px 0 !important; padding: 0; width: 170px; height: 34px; color: #322D33 !important; font-size: 13px !important; font-weight: bold !important; text-decoration: none; overflow: hidden; }
        div.giftBox div.giftBoxL { float: left; width: 177px; margin: 0; padding: 0; }
          div.giftBox div.giftBoxL p.pre { display: block; width: 172px; height: 70px; margin: 0; padding: 0 0 12px 0; color: #455D2D; font-size: 9px; overflow: hidden; }
          div.giftBox div.giftBoxL p.more { margin: 6px 0; padding: 0; color: #2E7F00; font-size: 10px; font-weight: normal; }
          div.giftBox div.giftBoxL input.obutton { width: 80px; color: #2D710E; font-size: 10px; font-weight: bold; background-color: #85D420; border: none; cursor: pointer; }
        div.giftBox div.giftBoxR { float: left; width: 70px; }
          div.giftBox div.giftBoxR img { border: #EDEBD6 1px solid; }

      div.packBox { float: left; margin: 5px 5px 10px 5px; padding: 4px; width: 262px; height: 158px; background: url(ajandek_box_bg.jpg) no-repeat; }
        div.packBox h1, div.packBox h1 a, div.packBox h1 a:hover { display: block; float: left; margin: 0 0 2px 0 !important; padding: 0; width: 170px; height: 34px; color: #322D33 !important; font-size: 13px !important; font-weight: bold !important; text-decoration: none; overflow: hidden; }
        div.packBox p.short_desc { display: block; width: 252px; height: 85px; margin: 0; padding: 0 0 12px 0; color: #455D2D; font-size: 9px; overflow: hidden; }
        div.packBox p.more { margin: 6px 0; padding: 0; color: #2E7F00; font-size: 10px; font-weight: normal; }
        div.packBox input.obutton { float: right; width: 80px; margin-right: 5px; color: #2D710E; font-size: 10px; font-weight: bold; background-color: #85D420; border: none; cursor: pointer; }

     div.productViewBox { float: left; margin: 0; padding: 4px; width: 560px; }
      div.productViewBox div.productViewBoxL { float: left; width: 160px; margin: 0; padding: 15px 0 0 0; color: #FF8404; font-size: 11px; }
        div.productViewBox div.productViewBoxL input.inputbox { width: 20px; font-weight: bold; text-align: center; color: #FD8900; background-color: #FFFFFF; border: #FD8900 1px solid; }
        div.productViewBox div.productViewBoxL select.inputlist { width: 105px; color: #000000; font-size: 11px; background-color: #FFFFFF; border: #FD8900 1px solid; }
        div.productViewBox div.productViewBoxL input.obutton { width: 60px; color: #8C1211; font-size: 10px; font-weight: bold; background-color: #FD782B; border: #8C1211 1px solid; cursor: pointer; }
        div.productViewBox div.productViewBoxL img.pi { border: #E16E1B 1px solid; }
        div.productViewBox div.productViewBoxL p#shopMessage { font-size: 12px; font-weight: bold; }
          div.productViewBox div.productViewBoxL p#shopMessage span { font-size: 16px; color: #AB5903; font-weight: bold; }
        div.productViewBox div.productViewBoxL p.order { line-height: 22px; }
        div.productViewBox div.productViewBoxL p span.text { font-size: 12px; color: #AB5903; font-weight: bold; }
        div.productViewBox div.productViewBoxL p.cost { margin: 6px 0; padding: 0; }
          div.productViewBox div.productViewBoxL p.cost span.costN { font-size: 16px; color: #AB5903; font-weight: bold; }
          div.productViewBox div.productViewBoxL p.cost span.costF { font-size: 16px; font-weight: bold; }
      div.productViewBox div.productViewBoxR { float: left; width: 400px; margin: 0; padding: 0; }

      div.packViewBox { float: left; margin: 0; padding: 0; font-size: 12px; }
        div.packViewBox input.inputbox { width: 20px; font-weight: bold; text-align: center; color: #FD8900; background-color: #FFFFFF; border: #FD8900 1px solid; }
        div.packViewBox select.inputlist { width: 105px; color: #000000; font-size: 11px; background-color: #FFFFFF; border: #FD8900 1px solid; }
        div.packViewBox input.obutton { width: 60px; color: #8C1211; font-size: 10px; font-weight: bold; background-color: #FD782B; border: #8C1211 1px solid; cursor: pointer; }
        div.packViewBox p#shopMessage { color: #FF8404; font-size: 11px; font-weight: bold; }
          div.packViewBox p#shopMessage span { font-size: 16px; color: #AB5903; font-weight: bold; }
        div.packViewBox p.order { line-height: 22px; }
        div.packViewBox p span.text { font-size: 12px; color: #AB5903; font-weight: bold; }
        div.packViewBox p.cost { margin: 6px 0; padding: 0; color: #FF8404; }
          div.packViewBox p.cost span.costN { font-size: 16px; color: #AB5903; font-weight: bold; }
          div.packViewBox p.cost span.costF { font-size: 16px; font-weight: bold; }

      table.cart { width: 100%; }
      table.cart th { color: #FFFFFF; background-color: #59AE12; border: #3C7A00 1px solid; font-weight: normal; }
      table.cart td { color: #333333; background-color: #FFFFFF; border: #3C7900 1px solid; font-weight: normal; }
      table.cart td.col1 { font-weight: normal; color: #000000; }
        table.cart td.col1 a { font-weight: normal; color: #000000; }
      table.cart td.col2 { text-align: right; }
      table.cart td.col3 { text-align: center; width: 87px; padding: 0 0 0 5px; }
        table.cart td.col3 span { display: block; float: left; width: 50px; }
        table.cart td.col3 img { float: left; width: 16px; }
      table.cart td.col4 { text-align: right; }
      table.cart td.col5 { text-align: center; }

    div#contentMiddle ul { width: 540px; margin: 0; padding: 0 0 0 5px; list-style-type: none; }
      div#contentMiddle ul li { padding: 2px 6px; border-bottom: #F3C5A4 1px solid; }
        div#contentMiddle ul li a { padding: 0 10px 0 0; color: #FA762E; background: url(right_arrow.gif) no-repeat right; font-weight: bold; text-decoration: none; }
        div#contentMiddle ul li a:hover { color: #C15411; text-decoration: none; }
          div#contentMiddle ul li a span { font-size: 9px; font-weight: normal; }

      div.news { width: 560px; }
        div.news h1 { margin: 12px 0 0 0; color: #FE8800; font-size: 22px; font-weight: normal; text-decoration: none; line-height: 22px; }
        div.news p.date { margin: 0 0 12px 0; color: #4E5A34; font-size: 10px; font-weight: normal; text-decoration: none; line-height: 14px; }

      div.opinionBox { float: left; width: 540px; padding: 0 25px; background: url(quote_start.jpg) no-repeat top left; }
        div.opinionBox p.opinionMessage { clear: left; margin: 0; padding: 5px 20px 5px 0; font-size: 11px; background: url(quote_end.jpg) no-repeat bottom right; }
        div.opinionBox p.opinionFrom { float: right; font-size: 14px; color: #FF890B; }

      div.navbar { float: left; margin: 5px 0; padding: 10px 5px; width: 540px; }
        div.navbar div.navbarLeft { width: 70%; float: left; text-align: left; }
          div.navbar div.navbarLeft img { margin: 0; padding: 4px 0 0 0; border: none; font-size: 10px; }
          div.navbar div.navbarLeft a { display: block; float: left; margin: 0 4px 0 0; width: 17px; height: 15px; padding: 2px 1px; color: #46413A; background: url(navbar_btn_bg.gif) no-repeat top left; font-size: 10px; text-align: center; text-decoration: none; }
          div.navbar div.navbarLeft a:hover { color: #FFFFFF !important; background: url(navbar_btn_bg.gif) no-repeat bottom left; }
          div.navbar div.navbarLeft a.active { display: block; float: left; margin: 0 4px 0 0; width: 17px; height: 15px; padding: 2px 1px; color: #46413A; background: url(navbar_btn_bg.gif) no-repeat bottom left; text-align: center; text-decoration: none; }
          div.navbar div.navbarLeft div { display: block; float: left; margin: 0 4px 0 0; width: 17px; height: 15px; padding: 2px 1px; color: #46413A; background: url(navbar_btn_bg.gif) no-repeat top left; font-size: 10px; text-align: center; text-decoration: none; }
       div.navbar div.navbarRight { float: left; width: 30%; margin: 0; padding: 0; color: #7A7759; text-align: right; font-size: 11px; }
          div.navbar div.navbarRight span { color: #7A7759; font-weight: bold; }
          div.navbar div.navbarRight select.inputlist { color: #E76A22; background-color: #E5E3CA; border: #E76A22 1px solid; }

      div#formBox, div#orderBox { width: 564px; height: auto; background: url(form_bg.gif) repeat-y; }
        div#formBoxBody { padding: 10px 0 0 15px; width: 549px; min-height: 22px; height: auto !important; height: 22px; color: #B8E38A; background: url(form_top.gif) no-repeat top left; }
        div#orderBoxBody { padding: 10px 0 0 15px; width: 549px; min-height: 107px; height: auto !important; height: 107px; color: #B8E38A; background: url(form_order_top.gif) no-repeat top left; }
          div#formBoxBody fieldset, div#orderBoxBody fieldset { margin: 0; padding: 3px 0 0 0; color: #F7F5FF; border: none; }
          div#formBoxBody fieldset legend, div#orderBoxBody fieldset legend { color: #B8E38A; padding: 5px 0 0 0; }
          div#formBoxBody p label, div#orderBoxBody p label { color: #F7F5FF; font-size: 10px; }
          div#formBoxBody input.inputbox, div#orderBoxBody input.inputbox { width: 278px; height: 15px; padding: 1px 2px 0px 2px; color: #466426; background: url(inputbox_bg.gif) no-repeat top left; border: none; }
          div#formBoxBody textarea.inputarea, div#orderBoxBody textarea.inputarea { width: 278px; height: 41px; padding: 1px 2px 0px 2px; color: #466426; background: url(inputarea_bg.gif) no-repeat top left; border: none; }
          div#formBoxBody a, div#orderBoxBody a { color: #F7F5FF; text-decoration: underline; }
          div#formBoxBody a:hover, div#orderBoxBody a:hover { color: #FFFFFF; text-decoration: none; }
        div#formBoxBottom, div#orderBoxBottom { width: 564px; height: 19px; background: url(form_bottom.gif) no-repeat top left; line-height: 1px; overflow: hidden; }

      div#basketBox { width: 564px; height: auto; background: url(basket_bg.gif) repeat-y; }
        div#basketBoxBody { padding: 7px 0 15px 135px; width: 429px; min-height: 166px; height: auto !important; height: 166px; color: #ECE6D6; background: url(basket_top.gif) no-repeat top left; }
          div#basketBoxBody div.basketLineH { width: 420px; color: #E3ECCD; 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: #45632D; background: url(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: #45632D; text-decoration: none; }
            div#basketBoxBody div.basketLineB div.col2 { float: left; width: 75px; color: #45632D; }
            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: #45632D; }
            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: #E3ECCD; font-size: 11px; text-align: right; }
            div#basketBoxBody div.basketSum span { color: #E3ECCD; font-weight: bold; font-size: 12px; }
          div#basketBoxBody p { margin: 0; padding: 6px 0; }
          div#basketBoxBody p.note { color: #B8E38A; font-size: 9px; }
          div#basketBoxBody input.rbutton { margin-right: 25px; }
        div#basketBoxBottom { width: 564px; height: 19px; background: url(basket_bottom.gif) no-repeat top left; }

      div#contentMiddle div.mapContainer { float: left; width: 550px; height: 300px; margin: 0; padding: 0 0 16px 0; }
        div#contentMiddle div.mapContainer div.map { clear: both; margin: 0; padding: 0; width: 550px; height: 300px; border: #AE9D81 1px solid; z-index: 5; }

    div#contentRight { float: left; width: 160px; }
      div#cart { width: 160px; }
        div#cartTop { width: 159px; height: 28px; background: url(kosar_top_bg.jpg) no-repeat top left; }
        div#cartBody { width: 139px; padding: 0 10px; background: url(kosar_bg.jpg) repeat-y top left; color: #D2F1B0; font-size: 11px; }
          div#cartBody p { margin: 0; padding: 2px 0; }
          div#cartBody table { width: 100%; margin: 0 0 8px 0; border-collapse: collapse; }
            div#cartBody table td { width: 80%; border-bottom: #6CB929 2px solid; vertical-align: top; }
            div#cartBody table td.num { width: 20%; color: #456E1A; border-bottom: #6CB929 2px solid; text-align: right; }
        div#cartBottom { width: 139px; height: 70px; padding: 0 10px; background: url(kosar_bottom_bg.jpg) no-repeat top left; }
          div#cartBottom p { margin: 0; padding: 2px 0; }

      div.banner { float: left; margin: 12px 0; width: 100%; text-align: center; }
        div.banner p { margin: 0; color: #59AE12; font-size: 11px; }

  div#footer { float: left; width: 980px; height: 100px; margin: 0 0 15px 0; background-color: #40582D; border: #59AE12 1px solid; border-top: none; }
    div#footerLeft { float: left; position: relative; width: 131px; height: 100px; padding: 0 0 0 100px; }
      div#footerLeft img.fi1 { position: absolute; top: -67px; left: -1px; z-index: 1; }
      div#footerLeft img.fi2 { position: absolute; top: 30px; left: 125px; z-index: 10; }
      div#footerLeft img.fi3 { position: absolute; top: 30px; left: 155px; z-index: 10; }
    div#footerRight { float: left; width: 700px; color: #97A282; }
      div#footerRight ul { float: left; width: 700px; margin: 0; padding: 8px 0; list-style-type: none; }
        div#footerRight ul li { float: left; color: #EDEBD6; font-size: 12px; padding: 0 7px; border-right: #EDEBD6 1px solid; }
        div#footerRight ul li.last { border-right: none; }
          div#footerRight ul li a { color: #EDEBD6; }
      div#footerRight p { clear: left; font-size: 11px; margin: 0; padding: 0 7px; }
