body { padding: 0; margin: 0; background: #FEFEFE url(../i/body_bg.png) left top repeat-x; font-family: Tahoma, Verdana, sans-serif; text-align: center; font-size: 1em; padding-bottom: 3em; }
br.clearfix { clear: both; height: 1%; overflow: hidden; }
a img { border: none; }

#wrap { width: 796px; text-align: left; position: relative; background: #FFF url(../i/header_top.png) left top no-repeat; margin: 1em auto 3em auto; padding-top: 8px; }

/* =:HEADER */
#header { height: 140px; background: #FDF9F3 url(../i/header.jpg) left top no-repeat; margin: 0 8px 8px; position: relative; }
#logo { margin: 0; width: 285px; overflow: hidden; position: absolute; top: 61px; left: 2px; }
#logo a { display: block; height: 43px; text-indent: -9000px; background:  url(../i/logo.jpg) left top no-repeat; }

/* =:BODY */
#body { background:  url(../i/sep2.png) center top no-repeat; padding: 15px 9px; }

/* =:CONTENT */
#content { width: 602px; float: right; overflow: hidden; }

#content div.hightlite { background:  url(../i/border_top.png) left top no-repeat; float: left; width: 100%; position: relative; margin-bottom: 8px; }
#content div.hightlite div { background:  url(../i/border_bot.png) left bottom no-repeat; padding: 1em 0; float: left; width: 100%;  }
#content div.hightlite div div { background: none; padding: 0; width: auto;  }
#content div.hightlite div.img { width: 45%; padding: 1.5em 0; text-align: center; }
#content div.hightlite div.maincontent { width: 90%; padding: 1.5em; }
#content div.hightlite div.maincontent h3 { font-size: 1.1em; font-family: Arial, sans-serif; margin: 0; }
#content div.hightlite div.maincontent p { margin: 1em 0; line-height: 1.5; font-size: .8em; }
#content div.hightlite div.desc { width: 50%; }
#content div.hightlite div.desc h3 { font-size: 1.1em; font-family: Arial, sans-serif; margin: 0; }
#content div.hightlite div.desc p { margin: 1em 0; line-height: 1.5; font-size: .8em; }
#content div.hightlite div.desc strong.price { display: block; margin: 2em 0 1em; font-size: 1.2em; }
#content div.hightlite div.desc a.buy { display: block; width: 88px; height: 35px; background: #d12503 url(../i/bestall.png) left top no-repeat; text-indent: -9000px; overflow: hidden; float: right; margin-top: -3.3em; margin-right: 5em; }

#content h2.cat { clear: both; background: #f8f0e6 url(../i/h2_left.png) left top no-repeat; font-size: 14px; margin: 0; }
#content h2.cat span { display: block; background:  url(../i/h2_right.png) right top no-repeat; padding: 8px 0 5px 40px; }

/* =:CATALOG */
ul#catalog { list-style: none; padding: 0; margin: 0; margin: 40px 0 0 17px;  }
ul#catalog li { width: 165px; height: 250px; float: left; margin-right: 25px; background:  url(../i/cat_li_bg.png) center bottom no-repeat; text-align: center; margin-bottom: .75em; position: relative; }
ul#catalog h4 { font-size: .9em; margin: 0; }
ul#catalog p { margin: .5em; height: 150px; }
ul#catalog strong { display: block; height: 32px; color: #C60000; }
ul#catalog a { display: block; width: 60px; height: 29px; overflow: hidden; text-indent: -9000px; background: #d12503 url(../i/valj.png) no-repeat; position: absolute; left: 52px; }

#small_list { clear: both; width: 293px; margin-left: 17px; padding-top: 5px; position: relative; }
#small_list h3 { background: #f8f0e6 url(../i/h3_left.png) left top no-repeat; font-size: 14px; margin: 0 0 .8em; }
#small_list h3 span { display: block; background:  url(../i/h3_right.png) right top no-repeat; padding: 6px 0 5px 20px; position: relative; }
#small_list ul { list-style: none; margin: 0; padding: 0; }
#small_list ul li { float: left; width: 92px; text-align: center; font-size: 11px; margin-left: 8px; }
#small_list ul li.first { margin-left: 0; }
#small_list #stiker { display: block; width: 122px; height: 120px; background:  url(../i/stiker.png) left top no-repeat; text-indent: -9000px; position: absolute; left: 370px; top: 15px; }

/* =:SIDEBAR */
#sidebar { float: left; width: 170px; }

/* =:MAIN NAVIGATION */
#navigation { margin: 0; padding: 0; list-style: none; width: 163px; }
#navigation li { display: inline; }
#navigation li a { display: block; background: #b48750 url(../i/menu_li_bg.png) left top no-repeat; padding: 3px 5px 10px; color: white; text-decoration: none; font: 12px Verdana; margin-bottom: 2px; }

#sidebar h3 { font: bold .95em Verdana, sans-serif; margin: .7em 0; }
#quicklinks { list-style: none; margin: 0; padding: 0; }
#quicklinks li { margin-bottom: 5px; }
#quicklinks a { display: block; padding-left: 70px; font: bold .95em Verdana, sans-serif; color: black; text-decoration: none; background-position: left top; background-repeat: no-repeat; }
#quicklinks #valj a { background-image:  url(../i/valj_nalle.png); padding-top: 17px; height: 43px; }
#quicklinks #skriv a { background-image:  url(../i/skriv.png); padding-top: 10px; height: 50px; }

#list { margin: 0; list-style: none; font-size: .75em; background:  url(../i/sep1.png) center top no-repeat; padding: 20px 0 0 15px; margin-top: 25px; }
#list li { padding-left: 15px; background:  url(../i/marker.png) left center no-repeat; margin: .3em 0; }
#list li a { display: block; color: black; text-decoration: none; }

div.note { background: #d4a36b url(../i/note1_top.png) left top no-repeat; width: 161px; font-size: .8em; line-height: 1.4; margin: 25px 0; }
div.note div { background:  url(../i/note1_bot.png) left bottom no-repeat; padding: 12px 0 12px 15px; }
div.note h4 { margin: 0 0 8px; font-weight: normal !important; font-size: 1.25em; }
div.note p { margin: 0; }

/* =:FOOTER */
#footer { clear: both; background:  url(../i/wrap_bot.png) left top no-repeat; height: 3px; position: relative; top: 3px; overflow: hidden; }