html       { height: 100%; }
body       { height: 100%; margin: 0px; padding: 0px; font-family: Arial, Sans, Serif; font-size: 9pt; color: #333; background: #fff; text-align: left; }

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

#thepage   { position: relative; width: 855px; height: auto; margin: 0px auto 0px auto; background: url(/front/bg_page.png) repeat-y; text-align: left; }
#thepage2  { position: relative; margin-bottom: 0px; padding: 0px 5px 0px 5px; text-align: left; }

#popdim  { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; margin: 0px; padding: 0px; display: none; background: #000; z-index: 50; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); *filter: alpha(opacity=30); opacity: 0.3; *height: expression((parseInt(document.getElementById('body2').offsetHeight))+'px'); }
#popwin  { position: absolute; width: 450px; height: 520px; top: 100px; left: 262px; margin: 0px; padding: 0px; display: none; background: #fff; border: 2px #aaa solid; z-index: 51;}
#poptop  { position: absolute; width: 100%; height: 24px; top: 0px; left: 0px; margin: 0px; padding: 0px; background: #e22; }
#popttl  { height: 16px; margin: 0px; padding: 2px; float: left; color: #fff; font-weight: bold; }
#popfrm  { position: absolute; height: 350px; top: 20px;  left: 0px; margin: 0px; padding: 0px; border: none; }
#popbot  { position: absolute; width: 100%; height: 30px; bottom: 0px; left: 0px; margin: 0px; padding: 0px; background: #fcc url(/front/bg_pop_bot.png) repeat-x; }
#dlgwin  { position: absolute; top: 200px; left: 300px; width: 250px; height: auto; background: #fff; border: solid 1px #000; display: none; z-index: 101; }
#dlgtop  { height: 20px; margin: 0px; padding: 1px; background: #e22; }
#dlgttl  { height: 16px; margin: 0px; padding: 2px; float: left; color: #fff; font-weight: bold; }
#dlgtxt  { clear: both; margin: 5px; }
/*#poptop div,img { margin: 2px; }
#dlgtop div,img { margin: 2px; }*/

#top       { height: 127px; background: url(/front/bg_top_flat.png) no-repeat; }
#top2      { height: 95px; margin: 0px 5px 0px 35px; }
#topmenu   { height: 32px; margin: 0px 5px 0px 5px; background: #eee url(/front/bg_topmenu.png); overflow: hidden; color: #e22; }
#telnr     { float: right; width: 170px; text-align: center; margin-top: 20px; }

#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; }

.topbtn    { float: left; margin: 1px 0px 1px 0px; padding: 8px 20px 5px 20px; border-width: 0px 1px 0px 1px; font-weight: bold; border-left-color: #eee; border-right-color: #fff; border-style: solid; }

.leftmenu  { margin-bottom: 10px; background: url(/front/bg_leftmenu.png) repeat-y; color: #e22; }
.leftmenu2 { width: 165px; margin: 0px 0px 0px 5px; }

.leftbtn1  { height: 23px; font-weight: bold; width: 160px; margin: 0px; background: url(/front/bg_leftbtn1.png) no-repeat; }
.leftbtn2  { height: 23px; font-weight: bold; width: 160px; margin: 0px; background: url(/front/bg_leftbtn2.png) no-repeat; }
.leftbtn   { float: left; margin: 4px 0px 4px 8px; width: 120px; }

.content   { width: 500px; text-align: left; padding: 0px; clear: both; margin: 0px; background: url(/front/bg_content.png) repeat-x; background-position: bottom; }
.cont_clr  { width: 500px; text-align: left; padding: 0px; clear: both; margin: 0px; background: #fff; background-position: bottom; }
.context   { margin: 0px 20px 5px 20px; padding-bottom: 10px; }

.err_cont  { background: #fee; border: solid 1px #f00; padding: 10px; margin: 10px 0px; }
.msg_cont  { background: #efe; border: solid 1px #080; padding: 10px; margin: 10px 0px; }

.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   { width: 164px; margin: 0px; background: transparent; }
.rightbox_t { height: 45px; margin-bottom: 0px; background: #eee url(/front/bg_rightbox_top.png) no-repeat; border: #ddd solid 0px; border-left-width: 1px;  overflow: hidden; }
.rightbox_m { width: 164px; margin-bottom: 8px; background: #fafafa url(/front/bg_rightbox.png) no-repeat bottom; border: #ddd solid 0px; border-left-width: 1px; overflow: hidden; }
.rightbox_c { margin: 0px 2px; }
.rightbox_b { width: 164px; height: 0px; margin: 0px 0px 10px 0px; background: transparent; }

.prodmnu     { position: relative; margin: 5px 0px 5px 0px; height: 24px; }
.prodbtn     { float: left; width: 125px; height: 22px; margin: 0px; background: url(/front/bg_prodbtn.png); }
.prodbtn div { width: 90px; margin: 3px 0px 0px 6px; color: #eee; }
.prodpris    { position: absolute; right: 5px; top: 306px; width: 220px; text-align: right; z-index: 10; }
#prodloc     { position: absolute; left: 5px; top: 24px; margin: 0px; width: 200px; z-index: 20; padding: 4px; }
#prodloc2    { position: absolute; left: 125px; top: 24px; margin: 0px; width: 200px; z-index: 20; padding: 4px; }

.prodon    { height: 26px; width: 500px; font-family: Tahoma, Sans; font-size: 11pt; color: #555; background: url(/front/bg_info_on.png) no-repeat; overflow: hidden; }
.prodoff   { height: 26px; width: 500px; font-family: Tahoma, Sans; font-size: 11pt; color: #555; background: url(/front/bg_info_off.png) no-repeat; overflow: hidden; }
#prodx     { visibility: hidden; display: none; }

.listning    { width: 500px; margin: 5px 0px 5px 0px; clear: both; }
.listbox     { width: 245px; height: 65px; margin-top: 5px; background: url(/front/bg_content.png) repeat-x; background-position: bottom; }
.listc       { float: right; width: 143px; height: 65px; margin-top: 2px; }

.thumb     { width: 160px; height: 200px; margin-top: 5px; margin-bottom: 5px; background: #eee url(/front/bg_thumb.png) repeat-x; overflow: hidden; }
.thumbt    { height: 18px; font-family: Tahoma, Sans; color: #fff; font-size: 9pt; font-weight: bold; margin: 1px 2px 0px 5px; white-space: nowrap; overflow: hidden; }
.thumbc    { height: 50px; color: #667; margin: 1px 2px 3px 2px; font-size: 8pt; }

.cart_item  { margin: 0px 0px 0px 0px; }
.cart_sum   { height: 94px; margin: 0px 0px 0px 4px; }
.cart_descr { float: left; color: #08b; font-size: 8pt; width: 95px; }
.cart_price { float: right; color: #667; text-align: right; width: 60px; }

.prod  { color: #08b; font-weight: bold; font-size: 8pt; height: 40px; }
.kop      { float: right; height: 18px; width: 40px; text-align: right; }
.kopinfo  { float: right; height: 18px; width: 84px; text-align: right; }
.pris     { float: left;  width: 70px; height: 16px; margin: 4px 0px 0px 2px; color: #444; font-weight: bold; }

.boxprod  { color: #08b; font-weight: bold; font-size: 8pt; height: 15px; white-space: nowrap; overflow: hidden; }
.boxloc   { height: 25px; font-size: 7.0pt; color: #667; }
.boxkop   { float: right; height: 18px; width: 40px; }
.boxinfo  { float: right; height: 18px; width: 80px; }
.boxpris  { float: left;  width: 70px; height: 16px; margin: 4px 0px 0px 2px; color: #444; font-weight: bold; }

.fl  { float: left; margin-right: 10px; }
.fr  { float: right; }
.clr { clear: both; }

.al  { text-align: left; }
.ac  { text-align: center; }
.ar  { text-align: right; }

.frontimg  { height: 250px; margin: 5px 0px 0px 0px; overflow: hidden; }
.thumbimg  { height: 100px; width: 160px; border: none; }
.guideimg  { height: 100px; width: 160px; border: none; margin: 0px 0px 5px 4px; }
.cartimg   { width: 165px; height: 5px; border: none; }
.listimg   { float: left; width: 96px; height: 60px; border: none; margin: 2px; }

.titlebar  { height: 18px; margin: 0px 0px 1px 0px; background: #d02 url(/front/bg_title.png) repeat-x; overflow: hidden; }
.rubrik    { height: 30px; margin: 5px 0px 0px 0px; font-family: Tahoma, Sans; font-size: 14px; color: #555; line-height: 16px; background: #eee url(/front/bg_rubrik.png) repeat-x; overflow: hidden; }
.sokbar    { height: 20px; margin: 5px; }
.sokbtn    { background: url(/front/bg_sokbtn.gif) no-repeat top right; height: 40px; padding: 0px; line-height: 40px; }
.sokbtn input  { margin: 8px; }
.sokbtn select { margin: 8px; }

h1  { font-family: Tahoma, Sans; font-size: 14pt; font-weight: normal; color: #000; margin: 5px 0px 5px 0px; }
h2  { font-family: Tahoma, Sans; font-size: 10pt; font-weight: bold; color: #333; margin: 8px 0px 5px 0px; }
h3  { font-family: Tahoma, Sans; font-size: 9pt; font-weight: bold; color: #000; margin: 4px 0px 4px 0px; }

p   { margin: 2px 0px 10px 0px; }

.titlebar div { font-family: Tahoma, Sans; color: #fff; font-size: 10pt; font-weight: bold; margin: 1px 5px 0px 5px; }
.rightbox_t p { margin: 12px 0px 0px 10px; font-weight: bold; color: #e02; }
.rubrik     p { margin: 5px 0px 0px 10px; }
.rubrik   div { margin: 5px 0px 0px 10px; }
.ingress    p { color: #333; margin-right: 50px; }
.context    p { margin-right: 30px; }
.prodoff    p { margin: 4px 0px 0px 30px; }
.prodon     p { margin: 4px 0px 0px 30px; color: #fff; }

fieldset { margin: 15px 5px 5px 5px; border: solid 1px #555; padding: 10px 5px 5px 5px; }
legend   { color: #000; font-weight: bold; font-size: 11px; }

.dialog  { font-size: 8pt; color: #ccc; background: #444; border: #666 solid 1px; display: none; visibility: hidden; z-index: 20; }
.contsma { width: 320px; margin: 10px auto 10px auto; text-align: left; }
.bullets { padding: 2px; padding-right: 50px; margin: 5px 0px 5px 0px; }

.frmx     { margin: 10px 40px 10px 0px; }
.frmxc    { text-align: center; margin: 5px auto 10px auto; }

.txt     { font-size: 11px; color: #000; background: #fff; border: solid #bbb 1px; margin: 2px 1px 2px 1px; padding: 2px 2px 2px 2px; }
.btn     { font-weight: bold; font-size: 11px; margin: 2px 1px 2px 1px; }
.chk     { margin: 1px; padding: 1px; }

.wS    { width: 44px; }
.wM    { width: 90px; }
.wL    { width: 145px; }
.wXL   { width: 200px; }
.wXXL  { width: 250px; }
.wMax  { width: 100%; }

.btnS    { font-weight: bold; font-size: 11px; margin: 2px 1px 2px 1px; width: 60px; }
.btnM    { font-weight: bold; font-size: 11px; margin: 2px 1px 2px 1px; width: 80px; }
.btnL    { font-weight: bold; font-size: 11px; margin: 2px 1px 2px 1px; width: 100px; }
.btnXL   { font-weight: bold; font-size: 11px; margin: 2px 1px 2px 1px; width: 120px; }

.hbar    { height: 1px; background: #666; }

.arrow   { float: right; width: 16px; height: 16px; border: 0px; margin: 3px; }
.ico     { border: 0px; width: 36px; height: 18px; margin-right: 2px; }
.ico16   { border: 0px; width: 16px; height: 16px; }
.ico32   { border: 0px; width: 32px; height: 32px; }
.ico13   { border: 0px; width: 13px; height: 13px; margin: 0px 1px 0px 1px; }

td     { font-size: 9pt; }
.tbt   { background-color: #777; margin: 10px 0px 10px 0px; width: 100%; table-layout: fixed; }
.tbh   { height: 19px; font-weight: bold; font-size: 9pt; color: #fff; background: #d02 url(/front/bg_title.png) repeat-x; }
.tbd   { background-color: #fff; font-size: 9pt; }
.tbd1  { background-color: #eef; font-size: 9pt; }
.tbd2  { background-color: #fff; font-size: 9pt; }
td.tclip { white-space: nowrap; overflow: hidden; } 

.td_uline { border-bottom: 1px solid #aaa; height: 35px; }

.bubbla  { width: 305px; margin: auto; background: url(/front/bg_bubbla.png) repeat-y; color: #eee; }
.bubblat { width: 305px; height: 10px; margin: 0px; background: url(/front/bg_bubbla_top.png) no-repeat; }
.bubblac { margin: 0px 20px 0px 10px; color: #eee; }
.bubblab { width: 305px; height: 25px; margin: 0px; background: url(/front/bg_bubbla_bot.png) no-repeat; }

.pager    { font-weight: bold; text-align: center; }
.progress { font-weight: bold; font-size: 13px; line-height: 13px; margin: 15px 0px; }

.box10   { margin: 10px; }
.box15   { margin: 15px; }
.box20   { margin: 20px; }
.b5    { margin: 5px; }
.b10   { margin: 10px; }
.b15   { margin: 15px; }
.v5    { margin: 5px 0px 5px 0px; }
.v10   { margin: 10px 0px 10px 0px; }
.v15   { margin: 15px 0px 15px 0px; }

.grey   { color: #333; }
.msg    { color: #080; }
.err    { color: #f00; }
.hilite { color: #e02; }
.diss   { color: #cce; }
.ronly  { color: #888; }
.ro     { color: #888; }
.copy   { color: #fff; }
.note   { font-size: 7.0pt; color: #667; }
.tiny   { font-size: 7.0pt; }
.sthru  { text-decoration: line-through; }
.clk    { cursor: pointer; }
.blu    { color: #07b; }

.rub_text { width: 430px; height: 16px; float: left; margin-left: 9px; cursor: pointer; }

.btn_boka   { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/cal16.png) no-repeat; }
.btn_avboka { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/avboka16.png) no-repeat; }
.btn_print  { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/print16.png) no-repeat; }
.btn_mail   { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/mail16.png) no-repeat; }

.rub_left_1_none  { float: left; height: 16px; width: 16px; background: url(/ico/116b.png) no-repeat; cursor: pointer; }
.rub_left_1_block { float: left; height: 16px; width: 16px; background: url(/ico/116b.png) no-repeat; cursor: pointer; }

.rub_left_2_none  { float: left; height: 16px; width: 16px; background: url(/ico/216b.png) no-repeat; cursor: pointer; }
.rub_left_2_block { float: left; height: 16px; width: 16px; background: url(/ico/216b.png) no-repeat; cursor: pointer; }

.rub_left_3_none  { float: left; height: 16px; width: 16px; background: url(/ico/316b.png) no-repeat; cursor: pointer; }
.rub_left_3_block { float: left; height: 16px; width: 16px; background: url(/ico/316b.png) no-repeat; cursor: pointer; }

.rub_left_4_none  { float: left; height: 16px; width: 16px; background: url(/ico/416b.png) no-repeat; cursor: pointer; }
.rub_left_4_block { float: left; height: 16px; width: 16px; background: url(/ico/416b.png) no-repeat; cursor: pointer; }

.rub_right_undef   { height: 16px; width: 16px; float: left; cursor: pointer; }   
.rub_right_notdone { height: 16px; width: 16px; float: left; cursor: pointer; }   
.rub_right_done    { height: 16px; width: 16px; float: left; background: url(/ico/done.png) no-repeat; cursor: pointer; }   

/*.btn_rub_1_none  { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/216b.png) no-repeat; cursor: pointer; }
.btn_rub_1_block { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/216b.png) no-repeat; cursor: pointer; }

.btn_rub_2_none  { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/316b.png) no-repeat; cursor: pointer; }
.btn_rub_2_block { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/316b.png) no-repeat; cursor: pointer; }

.btn_rub_3_none  { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/416b.png) no-repeat; cursor: pointer; }
.btn_rub_3_block { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/416b.png) no-repeat; cursor: pointer; }

.btn_rub_4_none  { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/516b.png) no-repeat; cursor: pointer; }
.btn_rub_4_block { height: 16px; margin: 2px 5px; padding: 0px 0px 0px 20px; background: url(/ico/516b.png) no-repeat; cursor: pointer; }*/




#topmenu a        { color: #778; text-decoration: none; }
#topmenu a:hover  { color: #e22; }
#prodloc a        { color: #ccc; text-decoration: none; }
#prodloc a:hover  { color: #f00; }
#footer  a        { color: #333; text-decoration: none; margin: 0px 10px 0px 10px; }
#footer  a:hover  { color: #fff; }

.leftmenu a       { color: #444; text-decoration: none; }
.leftmenu a:hover { color: #e22; }
.prodbtn a        { color: #eee; text-decoration: none; }
.prodbtn a:hover  { color: #f00; }
.linkimg          { border: none; }
.linkimg:hover    { border: none; filter: alpha(opacity=50); opacity: 0.5; }
.bubblac a        { color: #bbb; text-decoration: none; }
.bubblac a:hover  { color: #f00; text-decoration: none; }

a       { color: #07b; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }