body  {
   font: 12px Arial, Helvetica, Sans;
   color:#333; 
   margin: 0px;
   background: #7a7157 url(/pics/presentakuten/back.jpg);
   height: 100%;
}

#body2 {
  width: 100%;
  height: 100%;
  padding: 7px 0px 40px 0px;
  background: url(/pics/presentakuten/back2.jpg) repeat-x;
}

#pageholder  { margin: 0px auto; float: none; width: 1000px; }
#pageholder2 { width: 730px; float: left; }

#page {
   width: 698px;
   padding: 14px 14px 16px 14px;
   background: #fff url(/pics/presentakuten/foot.gif) no-repeat bottom;
   position: relative;
   min-height: 710px; height: auto !important; height: 710px;
}

#tabs           { float: none; width: 710px; height: 28px; background: transparent; }
#tabs ul        { list-style-type: none; list-style:none; margin:0px; padding:0px; }
#tabs ul li     { float: left; }
#tabs ul li img { height: 28px; border: none; }
#tabs div       { float: right; margin-top: 7px; }
#tabs div a     { font: 10px Verdana, Helvetica, Sans; font-weight: bold; color:#fff; }
#tabs div img   { margin-left: 3px; border: none; }

#banners          { float: right; margin: 28px 0px 0px 4px; width: 250px; }
#banners div      { margin-bottom: 4px; width: 250px; }
#banners div div  { margin: 0px; width: auto; }
#banners .bantest { width: 230px; height: 220px; border: solid 1px #eee; background: #fff; padding:9px; }
#banners div img  { width: 250px;; }

#top     { display: block; float: left; background: #fff url(/pics/presentakuten/topback.gif) no-repeat; width:678px; height:63px; padding: 0px 8px 0px 12px; }
#top img { float: left; border: none; }

#colmenu{float:left;width:184px}
#content{float:right;width:500px}

.menu                 { width: 184px; background: url(/pics/presentakuten/menu_middle.gif); margin-bottom: 12px; }
.menu div             { width: 184px; background: url(/pics/presentakuten/menu_top.gif) no-repeat; }
.menu div div         { width: 164px; background: url(/pics/presentakuten/menu_bottom.gif) no-repeat bottom; padding: 10px; }
.menu div div ul      { list-style-type: none; list-style: none; margin: 0px 0px -2px 0px; padding: 0px; }
.menu div div ul li   { margin: 3px 0px; }
.menu div div ul li a { color: #333; }

.kundvagn { width: 184px; background: url(/pics/presentakuten/menu_middle.gif); margin-bottom: 12px; }

.box   { width:500px; background: url(/pics/presentakutenbox_middle.gif); margin-bottom: 14px; }
.box2  { width:500px; background: url(/pics/presentakutenbox_top.gif) no-repeat; }
.box3  { width:480px; background: url(/pics/presentakutenbox_bottom.gif) no-repeat bottom; padding: 10px; }

.leftbox   { width: 160px; background: url(/front/bg_leftbox.png) repeat-y; overflow: hidden; border: #79b solid 0px; border-bottom-width: 1px; }
.leftboxt  { height: 20px; margin: 5px 0px 0px 5px; font-weight: bold; color: #046; }
.leftboxc  { padding: 5px; margin: 0px; background: #fff; }
.leftboxb  { height: 2px; }

.rightbox_t { width: 184px; background: url(/pics/presentakuten/menu_top.gif) no-repeat transparent; margin: 0px; height: auto; border: none;}
.rightbox_m { width: 184px; background: url(/pics/presentakuten/menu_middle.gif) no-repeat; padding: 0px; }
.rightbox_c { margin: 0px 8px; }
.rightbox_b { width: 184px; background: url(/pics/presentakuten/menu_bottom.gif) no-repeat bottom; margin: 0px; height: 8px; }

.rightbox_t p { margin: 5px 0px 5px 5px; }

.xboxprod  { color: #08b; font-weight: bold; font-size: 8pt; height: 15px; white-space: nowrap; overflow: hidden; }
.xboxloc   { height: 25px; width: 140px; font-size: 7.0pt; line-height: 10px; color: #667; }
.xboxkop   { float: right; height: 18px; width: 40px; }
.xboxinfo  { float: right; height: 18px; width: 80px; }
.xboxpris  { float: left;  width: 70px; height: 16px; margin: 4px 0px 0px 2px; color: #444; font-weight: bold; }

#foot     { float: left; width: 666px; height: 40px; padding: 8px 30px 2px 30px; background-image: url(/pics/presentakuten/foot2.png); }
#foot div { width: 666px; text-align: center; font: 10px Verdana; line-height: 16px; color: #fff; }
#foot b   { font-weight: normal; margin: 0px 6px; }
#foot a   { color:#6cf}

#canvas    { margin: 0px auto 0px auto; }

#pageleft  { position: relative; float: left; width: 670px; margin: 0px; }
#leftcol   { position: relative; float: left; width: 165px; margin: 5px 0px 0px 0px; }
#main      { position: relative; float: right; width: 500px; margin: 5px 0px 5px 0px; }
#main2     { position: relative; float: left; width: 845px; margin: 5px 0px 5px 0px; }
#rightcol  { position: relative; float: right; width: 165px; margin: 5px 0px 0px 0px; }

#footer    { position: relative; clear: both; height: 110px; margin: 0px; text-align: center; background: #fff url(/front/bg_footer.png) no-repeat; background-position: bottom; }
#footer1   { width: 150px; margin: 20px 0px 0px 5px; text-align: center; float: left; }
#footer2   { width: 520px; margin: 20px 0px 0px 0px; text-align: center; float: left; }
#footer3   { width: 150px; margin: 20px 5px 0px 0px; text-align: center; float: right; }