body { padding: 0; margin: 0; background: #F8F8F8; font-family: Arial, sans-serif; text-align: center; font-size: 12px; padding-top: 35px; }
img { border: none;}

#wrap, .wrap { width: 990px; text-align: left; margin: 0 auto; }

#navigation, .tabs, #categories, .super ul, .recensioner ul, #kategori { margin: 0; padding: 0; list-style: none; }

.clearfix { display: block; clear: both; }
a { color: #23a0ff; text-decoration: none; }
a.more { padding-right: 10px; background: url(../i/more.png) right 55% no-repeat; }

.b-rt { background: url(../i/b-rt.png) right top no-repeat; margin-bottom: 4px; position: relative; overflow: visible; }
.b-lt { background: url(../i/b-lt.png) left top no-repeat; padding: 12px 2px 1px 12px; margin-right: 10px; position: relative; z-index: 2; margin-bottom: -6px; }
.b-br { background: url(../i/b-rb.png) right bottom no-repeat; height: 10px; overflow: hidden; position: relative; top: 4px; padding-right: 10px; }
.b-bl { background: url(../i/b-lb.png) left top no-repeat;; height: 10px; overflow: hidden; width: 100%; }

.h2-blk { background: url(../i/h-l.png) left top no-repeat; margin: 0; font-size: 20px; padding: 0; color: #FFF; margin-bottom: 15px; }
.h2-blk span { display: block; background: url(../i/h-r.png) right top no-repeat; padding: 1px 17px 4px 17px; }

.r1, .r2 { display: block; height: 10px; width: 49px; background-image: url(../i/r1.png); overflow: hidden; margin: 5px 0; }
.r2 { background-image: url(../i/r2.png); }
.o1 { background-position: left 0; }
.o2 { background-position: left -10px; }
.o3 { background-position: left -20px; }
.o4 { background-position: left -30px; }
.o5 { background-position: left -40px; }


#header { height: 71px; background: url(../i/head_bg.png) left bottom repeat-x; position: relative; }

#logo { position: absolute; margin: 0; left: 40px; top: -27px; }
#logo a { display: block; width: 184px; height: 90px; overflow: hidden; text-indent: -9000px; background: url(../i/logo.png); }

#sok_form { margin: 0; padding: 5px 10px; position: absolute; right: 17px; top: 9px; width: 283px; height: 45px; background: url(../i/sform.png); }
#sok_form fieldset { border: none; margin: 0; padding: 0; }
#sok_form h2 { color: #FFF; font: bold 12px Arial; padding: 0; margin: 0; margin-bottom: 5px; }
#sok_form input { width: 190px; height: 18px; padding: 1px; border: 1px solid #FFF; float: left; line-height: 22px; }
#sok_form button { display: block; width: 50px; height: 25px; overflow: hidden; cursor: pointer; background: url(../i/ssok.png); text-indent: -9000px; border: none; position: relative; top: -1px; left: 10px; }
#sok_form button#dd { width: 28px; height: 22px; background: url(../i/sbtn.png); float: left; top: 0; left: 0; }

#navigation { position: absolute; float: left; left: 300px; top: 40px; z-index: 100; }
#navigation li { float: left; margin-right: 3px; }
#navigation li a { display: block; float: left; padding-right: 5px; font: bold 12px "Arial"; color: #000; text-decoration: none; background: url(../i/mnt-li-l2.png) right top no-repeat; }
#navigation li a span { display: block; float: left; height: 24px; padding: 12px 7px 0 12px; cursor: pointer; background: url(../i/mnt-li-r2.png) -1px top no-repeat; }

#navigation li a.active,
#navigation li a:hover { background: url(../i/mnt-li-r.png) right 1px no-repeat; }
#navigation li a.active span,
#navigation li a:hover span { background: url(../i/mnt-li-l.png) left 1px no-repeat; }

#body { background: #f5f2e4 url(../i/body_bg.png) left bottom repeat-x; padding: 15px 20px 30px 20px; position: relative; z-index: 10; }

#breadcrumbs { padding-left: 30px; font-size: 10px; color: #c8c8c8; margin-bottom: 10px; }
#breadcrumbs a { color: #c8c8c8; text-decoration: none; }


div.about { width: 390px; float: left; position: relative; border-right: 1px solid #c7c7c7; padding: 10px 15px 10px 0; }
div.about strong { display: block; padding: 0 0 5px 20px; position: relative; left: 20px; }
div.about p { margin: 0; }
div.about img { float: left; margin: 0 20px 20px 20px; }
div.about a.more { font-size: 10px; }

div.links { float: left; position: relative; border-left: 1px solid #c7c7c7; left: -1px; padding: 10px 0 10px 15px; background: url(../i/pencil.png) right bottom no-repeat; }
div.links p { margin: 0; }
div.links a { font-size: 11px; }



.tabs { position: relative; height: 30px; margin-top: 30px; border-bottom: 9px solid #1d9dff; background: url(../i/mn_bg.png) right 10px no-repeat; top: 9px; z-index: 10; margin-left: 1px; overflow: hidden; }
.tabs li { float: left; margin-right: -1px; height: 30px; }
.tabs li.first { padding-left: 20px; background: url(../i/mn-lif.png) left 10px no-repeat; }
.tabs li.first a { padding-left: 14px; background: url(../i/mn-li-l.png) left top no-repeat; }
.tabs li a { display: block; float: left; padding-left: 10px; font: bold 12px "Arial"; color: #25a1ff; text-decoration: none; background: url(../i/mn-li-l.png) -4px top no-repeat; }
.tabs li a span { display: block; float: left; height: 24px; padding: 11px 12px 1px 0; cursor: pointer; background: url(../i/mn-li-r.png) right top no-repeat; }

.tabs li.first a.active,
.tabs li.first a:hover { background: url(../i/mn-li-l2.png) left top no-repeat; }
.tabs li a.active,
.tabs li a:hover { background: url(../i/mn-li-l2.png) -4px top no-repeat; color: #FFF; }
.tabs li a.active span,
.tabs li a:hover span { background: url(../i/mn-li-r2.png) right top no-repeat; }


.table .b-lt { padding-top: 25px; padding-bottom: 15px; }
.table a { text-decoration: underline; }
.table a.tillbutik { display: block; width: 64px; height: 18px; background: url(../i/tillbutik.png); text-indent: -9000px; overflow: hidden; }
.table table { width: 100%; border-collapse: collapse; }
.table table th { padding: 10px 20px;  }
.table table td { padding: 10px 20px; border: solid #c8c8c8; border-width: 0 1px 1px 0; vertical-align: top; }
.table table tr.last td { border-bottom: none; }
.table table td.last { border-right: none; }
.table table td.long { width: 150px;  }

#footer { background: #efefef url(../i/footer_bg.png) left top repeat-x; height: 170px; position: relative; margin-top: -20px; }
#footer .wrap { background: #efefef url(../i/footer_bg.png) left top repeat-x; height: 130px; position: relative; padding-top: 40px; }
#footer .col { width: 190px; float: left; padding: 0 70px; }
#footer h3 { font: bold 12px Arial; color: #1d9dff; padding: 12px 0 5px 35px; margin: 0 0 5px 0; border-bottom: 1px solid #dfdedb; }
#footer ul { padding: 0; margin: 0; list-style: none; margin-left: 35px; }

#footer .info h3 { background: url(../i/ico_inf.png) left 3px no-repeat; }
#footer .recensera h3 { background: url(../i/ico_penc.png) left 3px no-repeat; }
#footer .prenumera h3 { background: url(../i/ico_label.png) left top no-repeat; }





/* MAIN PAGE */
#content.mainpage { float: left; position: relative; width: 630px; }
#sidebar { float: left; width: 302px; position: relative; padding: 23px 0 0 15px; }
#sidebar a { text-decoration: none; }
#sidebar img { border: none; }
#categories { width: 100%; float: left; position: relative; left: 10px; }
/* #categories li { width: 33%; float: left; height: 40px; line-height: 40px; background: url(../i/icons.png) left top no-repeat; position: relative; } */
#categories li { width: 33%; float: left; height: 40px; line-height: 45px; background: url(../i/newicons.png) left top no-repeat; position: relative; }
#categories li a { margin-left: 55px; padding-right: 10px; background: url(../i/more.png) right 55% no-repeat; }
/*
#categories #cat1 { background-position: left 0; }
#categories #cat2 { background-position: left -40px; }
#categories #cat3 { background-position: left -80px; }
#categories #cat4 { background-position: left -120px; }
#categories #cat5 { background-position: left -160px; }
#categories #cat6 { background-position: left -200px; }
#categories #cat7 { background-position: left -240px; }
#categories #cat8 { background-position: left -280px; }
#categories #cat9 { background-position: left -320px; }
#categories #cat10 { background-position: left -360px; }
#categories #cat11 { background-position: left -400px; }
#categories #cat12 { background-position: left -440px; }
*/
#categories #cat10 { background-position: left 0;  }
#categories #cat11 { background-position: left -45px;  }
#categories #cat12 { background-position: left -90px;  }
#categories #cat13 { background-position: left -135px;  }
#categories #cat14 { background-position: left -180px;  }
#categories #cat15 { background-position: left -225px;  }
#categories #cat16 { background-position: left -270px;  }
#categories #cat17 { background-position: left -315px;  }
#categories #cat19 { background-position: left -360px;  }
#categories #cat20 { background-position: left -405px;  }
#categories #cat21 { background-position: left -450px;  }
#categories #cat22 { background-position: left -495px;  }
#categories #cat23 { background-position: left -540px;  }
#categories #cat24 { background-position: left -585px;  }
#categories #cat25 { background-position: left -630px;  }
#categories #cat26 { background-position: left -675px;  }
#categories #cat27 { background-position: left -720px;  }
#categories #cat28 { background-position: left -765px;  }
#categories #cat29 { background-position: left -810px;  }
#categories #cat30 { background-position: left -855px;  }
#categories #cat31 { background-position: left -900px;  }
#categories #cat33 { background-position: left -945px;  }
#categories #cat34 { background-position: left -990px;  }
#categories #cat35 { background-position: left -1035px;  }
#categories #cat36 { background-position: left -1080px;  }
#categories #cat37 { background-position: left -1125px;  }
#categories #cat39 { background-position: left -1170px;  }
#categories #cat40 { background-position: left -1215px;  }
#categories #cat41 { background-position: left -1260px;  }
#categories #cat7 { background-position: left -1305px;  }
#categories #cat8 { background-position: left -1350px;  }
#categories #cat9 { background-position: left -1395px;  }



p.more { text-align: right; padding: 20px 40px 10px 0; clear: both; margin: 0; }
* html p.more { padding-top: 5px; }

.super { width: 308px; float: left; margin-top: 15px; }
.super ul { background: url(../i/venzel.png) left bottom no-repeat; height: 220px; position: relative; padding: 9px 9px 0 9px; margin: -12px -9px 0; top: 6px; }
.super ul li { width: 33%; float: left; text-align: center; }
.super a.txt { display: block; height: 2.5em; font-weight: bold; }
.super strong { display: block; padding-top: 10px; color: #454545; }

.recensioner { width: 308px; float: left; position: relative; left: 14px; margin-top: 15px; }
.recensioner p { margin: 0; padding: 15px 0 17px 120px; background: url(../i/star.png) 30px center no-repeat; margin-top: -9px; }
.recensioner a { font-weight: bold; }
.recensioner ul a.more { font-weight: normal; font-size: 10px; }
.recensioner ul {  }
.recensioner .r1 { display: inline-block; margin: 0; position: relative; left: 5px; top: 1px; }
* html .recensioner .r1 { top: -2px; }
.recensioner ul li { background: #FFF url(../i/page1.png) 30px 10px no-repeat; padding: 5px 5px 5px 65px; }
.recensioner ul li.odd { background: #f5f2e4 url(../i/page0.png) 30px 10px no-repeat; }
.recensioner ul li.odd .r1 { background-image: url(../i/r3.png); }

/* KATEGORI PAGE */
#kategori { float: left; position: relative; margin-bottom: 30px; width: 100%; }
#kategori li { padding: 15px 0; float: left; width: 100%; }
#kategori li.even { background: #f5f2e4; }
#kategori li.even .r2 { background-image: url(../i/r4.png) ; }
#kategori img { float: left; margin-left: 15px; }
#kategori p { float: left; margin: 0; }
#kategori p.info { width: 250px; padding-left: 25px; }
#kategori p.info a.more { font-size: 10px; }
/* PREMIE-IKON #kategori p.pris { width: 160px; text-align: center; background: url(../i/gift.png) center 10px no-repeat; padding-top: 50px; font: bold 10px Arial; } */
#kategori p.pris { width: 160px; text-align: center; padding-top: 50px; font: bold 10px Arial; }
#kategori a.pris { display: block; width: 80px; height: 18px; text-indent: -9000px; background: url(../i/btn_pris.png); margin: auto; margin-top: 5px; }
#kategori p.recencers { width: 120px; padding-top: 18px; }
#kategori p.recencers a { text-decoration: underline; }
#kategori a.recencers { display: block; width: 74px; height: 18px; text-indent: -9000px; background: url(../i/btn_precencera.png); margin-top: 22px; }
#kategori p.quote { margin-top: 20px; font: italic 12px Georgia; text-indent: 20px; width: 145px; background: url(../i/q.png) left top no-repeat; }
#kategori p.star { width: 87px; height: 53px; margin: 0; padding: 0; }
#kategori p.s1 { background: url(../i/star1w.png); }
#kategori li.even p.s1 { background: url(../i/star1b.png); }
#kategori p.s2 { background: url(../i/star2w.png); }
#kategori li.even p.s2 { background: url(../i/star2b.png); }
#kategori p.s3 { background: url(../i/star3w.png); }
#kategori li.even p.s3 { background: url(../i/star3b.png); }