body { padding: 0; margin: 0; background: #f7f8f0 url(../i/body_bg.png) left top repeat-x; font-family: "Trebuchet MS", Verdana, sans-serif; text-align: center; font-size: 1em; }
.clearfix { clear: both; height: 1px; overflow: hidden; display: block; }
a { color: #949743; text-decoration: none; }
a img { border: none; }

#wrap { width: 798px; text-align: left; position: relative; margin: 50px auto 0 auto; padding-top: 8px; }

/* =:HEADER */
#header { height: 180px; background: #E9EAC0 url(../i/header_bg.jpg) left top no-repeat; position: relative; }
#logo { margin: 0; width: 285px; position: absolute; left: 0; top: 0; z-index: 2; }
#logo a { display: block; background: url(../i/owl.png) left bottom no-repeat; padding: 0 0 198px 44px; width: 250px; color: #fff; text-transform: uppercase; font: bold 30px "Arial Narrow"; position: absolute; left: -44px; top: -50px; }
#header blockquote { width: 470px; height: 137px; background: url(../i/quote.png); padding: 0 0 0 75px; margin: 0; position: absolute; left: 183px; top: -37px; z-index: 1; font-size: 12px; }
#header blockquote * { margin: 0; padding: 0; }
#header blockquote h2 { font: 26px "Arial Narrow"; color: #3e3d3d; margin-top: 7px; }
#header blockquote p.skicka { width: 375px; height: 59px; background: url(../i/skicka.png); text-indent: -9000px; margin: 2px 0; }
#header blockquote p#fran { width: 95px; height: 95px; text-indent: -9000px; position: absolute; left: 510px; top: -10px; background: url(../i/fran99.png); }
#header blockquote div#endast { width: 190px; padding-left: 30px; position: absolute; left: 380px; top: 101px; }
div#endast ol { list-style: none; }
div#endast li { width: 79px; height: 68px; float: left; text-indent: -9000px; margin-right: 10px; position: relative; left: -30px; top: 5px; }
div#endast li#valj_paket { background: url(../i/valj_paket.png) no-repeat; }
div#endast li#skriv_halsning { background: url(../i/skriv_halsning.png) left 2px no-repeat; }

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

/* =:CONTENT */
#content { width: 602px; float: right; overflow: hidden; }
#content p { font-size: 12px; }


/* =:CATALOG */
ul#catalog { list-style: none; padding: 0; margin: 0; padding: 0 0 0 17px; width: 100%; float: left; margin: -1em 0 15px; }
ul#catalog li { width: 178px; height: 325px; float: left; margin-right: 17px; background: url(../i/cat_li_bg.png) center bottom no-repeat; text-align: center; margin-top: 1.75em; position: relative; padding-bottom: 10px; }
ul#catalog h4 { font-size: 1em; margin: 0; }
ul#catalog h4.long { margin-top: -1.25em; position: relative; z-index: 1; }
ul#catalog em { display: block; text-align: center; font-style: normal; font-size: 10px; line-height: 1; margin-bottom: 10px; }
ul#catalog p { margin: 0; height: 150px; }
ul#catalog strong { color: #C60000; font-weight: normal; }

ul#catalog form { margin: 0; padding: 0; font-size: 10px; }
ul#catalog input { vertical-align: -3px; margin-right: 5px; }
ul#catalog fieldset { border: none; padding-left: 10px; }
ul#catalog legend { font-weight: bold; color: #000; margin: 0; text-align: left; }
* html ul#catalog legend  { margin: 0 0 5px -5px; }
ul#catalog li.submit { text-align: center; padding: 13px 0 0; height: auto; margin: 0; }
ul#catalog li.submit button { text-indent: -9000px; width: 53px; height: 30px; background: #A2A715 url(../i/kop.png); border: none; cursor: pointer; }
ul#catalog ul { list-style: none; margin: 0; padding: 0; }
ul#catalog ul li { height: auto; width: auto; margin: 0; padding: 0; background: none; float: none; text-align: left; position: relative; }
* html ul#catalog ul li { margin: -4px 0; }

img#payson { clear: both; margin-left: 17px; display: block; }

/* =: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: #969945 url(../i/menu_li_bg.png) left top no-repeat; padding: 6px 5px 9px; color: white; text-decoration: none; font: 12px/12px Verdana; margin-bottom: 3px; }

div.note { background: #FFF url(../i/b_bot.png) left bottom no-repeat; width: 160px; font-size: .8em; line-height: 1.1; margin: 25px 0 0; font-size: 12px; padding-bottom: 7px; }
div.note div { background: url(../i/b_top.png) left top no-repeat; padding: 10px 5px; }
div.note h4 { font: italic 19px "Myriad Pro"; color: #abae5c; text-align: center; margin: 0; }
div.note ul { list-style: none; margin: 10px auto; width: 100px; padding: 0;  }
div.note ul li { margin-bottom: 50px; }
div.note ul h5 { margin: 5px 0 0; font-size: 12px; }
div.note ul p { margin: 0 0 10px 0; }

#list { margin: 0; list-style: none; font-size: .75em; padding: 5px 0 0 4px; }
#list li { padding-left: 15px; background: url(../i/marker.png) left center no-repeat; }
#list li a { color: black; }

/* =:FOOTER */
#footer { clear: both; height: 120px; background: url(../i/footer_bg.png) left top repeat-x; position: relative; overflow: hidden; }
#footer p#copy { width: 798px; margin: 0 auto; font-size: 12px; color: #ccce78; padding-top: 20px; }