body { padding: 0; margin: 0; background: #e9e9e9 url(../i/body_bg.png) left top repeat-x; font: 12px Arial; text-align: center; }

.clearfix { clear: both; }
a { color: #ee2a79; text-decoration: none; font-weight: bold; }
a img { border: none; }
button { cursor: pointer; }

#navigation, #sortiment, #visar, #loggor ul, #topplista ul,
#footlinks ul, #item-form ul, #bifoga_bild ul, #betala ul,
#skicka ul { margin: 0; padding: 0; list-style: none; }

span.field { float: left; display: block; background: url(../i/bg-input.png) 100% -23px no-repeat; padding-right: 5px; position: relative; }
span.field input { border: none; display: inline-block; vertical-align: top; margin: 0; background: url(../i/bg-input.png) left top no-repeat; height: 15px; padding: 4px 0 4px 5px; font: 12px Arial; }
* html span.field input { top: -1px; position: relative; }


#wrap { width: 1000px; text-align: left; position: relative; background: #FFF url(../i/bg-wrap.png); padding: 0 6px 30px; margin: auto; }

#header { height: 130px; z-index: 10; margin-bottom: -130px; }
#logo { margin: 0; padding: 0; width: 277px; height: 50px; left: 17px; top: 30px; position: absolute; }
#logo a { display: block; width: 277px; height: 50px; text-indent: -9000px; overflow: hidden; background: url(../i/logo.png); }
img#trygg { left: 372px; position: absolute; top: 0; }
img#banks { left: 480px; position: absolute; top: 10px; }
#fccard { width: 339px; height: 53px; position: absolute; left: 600px; top: 16px; background: url(../i/vidare.png); overflow: hidden; }
#fccard * { margin: 0; padding: 0; text-indent: -9000px; }
#fccard a { display: block; position: absolute; left: 0; top: 0; width: 339px; height: 53px; overflow: hidden; }

#cart { width: 339px; height: 35px; background: red url(../i/bg-cart.png); margin: 0; position: absolute; left: 667px; top: 56px; overflow: hidden; }
#cart strong { display: block; float: left; padding: 10px 0 15px 39px; font-weight: normal; width: 150px; }
#cart a { width: 94px; height: 24px; display: block; background: url(../i/btn-till_kassan.png); text-indent: -9000px; overflow: hidden; float: left; margin-top: 8px; }

#sok_form { margin: 0; padding: 0; position: absolute; left: 660px; top: 98px; z-index: 1; }
#sok_form fieldset { border: none; margin: 0; padding: 0; }
#sok_form legend {  }
#sok_form input { width: 223px; height: 16px; padding: 4px 5px 3px 30px; border: none; background: url(../i/bg-sok_field.png); font: 12px Arial; }
#sok_form button { position: relative; top: -2px; left: 3px; width: 45px; height: 28px; background: url(../i/btn-sok.png); border: none; text-align: left; text-indent: -9000px; overflow: hidden; vertical-align: top; }

#navigation { width: 1003px; height: 40px; background: url(../i/bg-menu.png); left: 5px; top: 90px; position: absolute; }
#navigation li { height: 40px; float: left; background: url(../i/mn-li.png) 100% 50% no-repeat; margin-right: -2px; }
#navigation li a { float: left; display: block; height: 39px; position: relative; color: #3f3f3f; font: bold 12px Arial; }
#navigation li a:hover { color: #d21c77; }
#navigation li a span { float: left; display: block; height: 27px; padding: 12px 22px 0 22px; cursor: pointer; }

#navigation li a.active { color: #FFF; background: #d21c77 url(../i/mn-li_hv.png) right top no-repeat; z-index: 1; }
#navigation li a.active span { background: url(../i/mn-li_hv.png) -249px -39px no-repeat; }
#navigation li.first a.active span { background: url(../i/mn-li_hv.png) 0 -39px no-repeat; }

#body { width: 1000px; background: #FFF url(../i/bg-content.png) left top repeat-x; float: left; padding: 130px 0 30px 0; }
#sidebar1 { width: 140px; background: #FFF; float: left; position: relative; }
#sidebar2 { width: 137px; background: #FFF; float: left; }
#content { width: 667px; padding: 0 26px 0 30px; float: left; }

#breadcrumbs { font-size: 10px; height: 20px; padding: 7px 10px; }
#breadcrumbs a { color: #3f3f3f; font-weight: normal; }

#h2-sortiment { width: 147px; height: 89px; background: url(../i/sortiment.png); margin: 0; padding: 0; text-indent: -9000px; overflow: hidden; position: absolute; left: 4px; top: -11px; }
#sortiment { background: #E9E9E9; padding: 78px 0 40px; }
#sortiment li { background: #FFF; border-bottom: 1px solid #f6f6f6; padding-bottom: 2px; position: relative; }
#sortiment a { display: block; width: 134px; font: bold 14px Arial; border-bottom: 1px solid #f6f6f6; background: #E9E9E9; color: #3f3f3f; padding: 3px; }
#sortiment a:hover { color: #D21C77; }

#sidebar1 .block { border: 2px solid #E9E9E9; margin-top: 15px; padding: 2px; }
#sidebar1 .block h3 { padding: 4px 0; margin: 0; text-align: center; font: bold 14px Arial; background: #E9E9E9; margin-bottom: 2px; }
#sidebar1 .block p { padding: 8px 5px; margin: 0; background: #E9E9E9; }
#sidebar1 .block strong { color: #d21c77; }

#sidebar2 .block { margin-bottom: 25px; }
#sidebar2 .block h3 { width: 137px; height: 24px; padding: 8px 0 0; margin: 0; text-align: center; font: bold 14px Arial; background: url(../i/bg-sidebar_block.png) left top no-repeat; }
#sidebar2 .block p { padding: 0 3px; margin: 15px 0; }
#sidebar2 .block strong { color: #d21c77; }

#content p { line-height: 1.6; margin: 15px 0; padding-left: 15px; }

#bnr { width: 667px; height: 214px; background: url(../i/bg-b.png) no-repeat; margin-left: -1px; }
#logo-wrap { width: 667px; height: 214px; background: url(../i/bg-b1.png) no-repeat; position: relative; }
#blogo { width: 180px; height: 100px; position: absolute; background-repeat: no-repeat; background-position: 50% 50%; left: 467px; }
#selecter { margin: 0; padding: 5px 0 10px; border: none; }
#selecter #s1 { width: 218px; }
#selecter #s2 { width: 248px; margin: 0 3px; }
#selecter #s3 { width: 185px; }

#h2-visar { margin: 0 0 -17px 0; padding: 0 0 10px 0; font-size: 12px; background: #FFF; position: relative; }
/* #h2-visar { margin: 0 0 17px 0; padding: 0 0 10px 0; font-size: 12px; background: #FFF; position: relative; } */
#h2-katvisar { margin: 0 0 0 0; padding: 0 0 10px 0; font-size: 12px; color: #383838; position: relative; }
#h1-katnamn { margin: 0 0 -17px 0; padding: 0 0 10px 0; font-size: 30px; color: #383838; position: relative; font-weight: normal; }
#visar { margin: 0 -3px; float: left; width: 100%; padding-bottom: 35px; }
#visar li { width: 185px; padding: 15px 14px 0; float: left; height: 215px; border-top: 2px solid #f2f2f2; overflow: hidden; }
#visar li.middle { padding: 15px 27px 0; }
#visar img { display: block; background: url(../i/bg-img.png) left top no-repeat; padding: 14px; margin-left: -14px; }
#visar h3 { margin: 0; font-size: 12px; padding-top: 5px; }
#visar h3 img { background: none; padding: 0; margin: 0; float: right; }
#visar p { margin: 10px 0; padding: 2px 0; line-height: 1.2; }
#visar .mer_info { float: right; display: block; width: 74px; height: 23px; background: url(../i/btn-mere_info.png) no-repeat; text-indent: -9000px; overflow: hidden; }

#loggor { clear: both; background: url(../i/bg-loggor.png) left bottom no-repeat; width: 100%; height: 81px; position: relative; margin: 0 0 30px -2px; }
#loggor h2 { font: bold 12px Arial; color: #d21c77; margin: 0; padding: 0; position: absolute; top: -19px; left: 15px; }
#loggor ul { position: absolute; left: 63px; top: 20px; width: 540px; overflow: hidden; }
#loggor ul li { float: left; text-align: center; padding: 0 23px; height: 40px; line-height: 40px; }
#loggor ul li img { vertical-align: middle; line-height: 40px; }
#loggor a#prev_logo,
#loggor a#next_logo { width: 33px; height: 33px; position: absolute; text-indent: -9000px; overflow: hidden; left: 18px; top: 26px; }
#loggor a#next_logo { left: 618px; top: 26px; }

#content .block { float: left; width: 306px; height: 118px; padding: 12px 0 32px 14px; background: url(../i/bg-toplist.png) no-repeat; }
#content .block h3 { font: bold 14px Arial; color: #3f3f3f; margin: 0; padding-bottom: 12px; }
#content .block p { margin: 0 0 17px 0; line-height: 1.2; padding: 0; }

#content #topplista { padding-right: 23px; }
#content #topplista ul li { margin-bottom: 1px; }
#content #topplista a { font-weight: bold; margin-right: 5px; }

#content #superlatt img { float: right; position: relative; margin: -18px 6px 0 0; }
#content #superlatt strong { color: #d21c77; }

#tipsa_mig { width: 100%; clear: both; border: solid #f6f6f6; border-width: 1px 0; position: relative; }
#tipsa_mig p { border: solid #f2f2f2; border-width: 1px 0; margin: 0; padding: 12px 0 14px; font: bold 18px Arial; color: #b2b2b2; }
#tipsa_mig a { width: 104px; height: 33px; background: url(../i/btn-tipsa_mig.png); position: absolute; text-indent: -9000px; overflow: hidden; right: 5px; top: 9px;  }

#footlinks { clear: both; padding-top: 30px; }
#footlinks ul { padding: 5px 0; }
#footlinks li { display: inline; white-space: nowrap; }
#footlinks a { padding-left: 12px; background: url(../i/sep.png) 1px 5px no-repeat; font-weight: normal; }


/* :=PAGE-OM */
#h2-fcc { margin: 0 0 15px 0; padding: 0; background: url(../i/h2-fcc.png) 15px 50% no-repeat; height: 67px; text-indent: -9000px; overflow: hidden; }
#fcc { width: 210px; float: right; padding-top: 165px; background: url(../i/card.png) 50% 0 no-repeat; border-bottom: 1px solid #e9e9e9; margin: -50px 0 0 20px; }
#fcc p { border-top: 1px solid #e9e9e9; padding: 12px 20px; margin: 0; float: left; width: 170px; }
#fcc a { display: block; width: 66px; height: 33px; background: url(../i/btn-vidare.png); text-indent: -9000px; overflow: hidden; float: right; position: relative; left: -20px; top: -10px; }

/* :=PAGE-ITEM */
#item-description { padding: 20px 14px; width: 315px; float: left; }
#item-description h2, #item-description h3 { margin: 0; padding: 0; font: 30px/24px Arial; color: #3f3f3f; }
#item-description h3 { font-size: 25px; }
#item-description p { padding: 0; line-height: 16px; }
#item-description a.tipsa { background: url(../i/ico-tipsa.png) 0 0 no-repeat; padding: 0 0 2px 28px; font-weight: bold; color: #ee2a79; margin-right: 25px; }
#item-description .addthis_button { position: relative; top: 4px; }

#item-form { width: 320px; float: right; padding: 20px 0; }
#item-form form { background: #e9e9e9; margin: 0; padding: 0; float: left; width: 100%; }
#item-form fieldset { background: #e9e9e9; border: 0px; width: 290px; padding: 10px 14px 10px 16px; border-bottom: 2px solid #FFF; margin: 0; float: left; }
#item-form h2 { padding: 0 0 10px 0; font: bold 14px Arial; color: #3f3f3f; margin: 0; }
#item-form p { padding: 0; clear: both; margin: 0; }
#item-form a { color: #ee2a79; font-weight: bold; }
#item-form ul { float: left; width: 100%; padding-bottom: 5px; }
#item-form label input { vertical-align: top; position: relative; top: -3px; }

#item-form .belopp li { width: 80px; float: left; padding: 2px 0; }
#item-form .belopp li.even { width: 210px; }
#item-form .belopp label { float: left; margin-right: 10px; }
#item-form .belopp span { margin-right: 5px; top: -5px; }
#item-form .belopp span input { width: 65px; }

#item-form .leveransdag h2 { padding-bottom: 14px; }
#item-form .leveransdag span { top: -4px; margin-right: 10px; }
#item-form .leveransdag input { width: 130px; }

#item-form .mottagare .fields { padding-top: 5px; }
#item-form .mottagare .fields label { float: left; width: 50px; line-height: 20px; }
#item-form .mottagare li { float: left; clear: both; padding: 2px 0; width: 100%; }
#item-form .mottagare span input { width: 215px; }
#item-form .mottagare .postnr { width: 120px; }
#item-form .mottagare .postnr input { width: 53px; }
#item-form .mottagare .ort { clear: none; width: 155px; }
#item-form .mottagare .ort label { width: 25px; }
#item-form .mottagare .ort input { width: 120px; }

#item-form button { position: relative; width: 78px; height: 33px; background: url(../i/btn-vidare2.png); border: none; text-align: left; text-indent: -9000px; overflow: hidden; float: right; margin: 10px 15px 5px 0; }

/* :=PAGE-BESTALLNING */
#h2-bestallning { margin: 0; padding: 0; background: url(../i/h2-bestallning.png) 15px 50% no-repeat; height: 31px; text-indent: -9000px; overflow: hidden; }
h3.page_subtitle { margin: 0 0 20px 0; padding: 0 15px 10px; font: bold 15px Arial; color: #3f3f3f; border-bottom: 1px solid #d2d2d2; }
#form-order { margin: 0; padding: 0; color: #3f3f3f; }
#form-order p { margin: 0; padding: 0 0 15px 0; }
#form-order fieldset { margin: 0; padding: 0; border: none; padding-top: 54px; background: url(../i/sep2.png) 50% 7px no-repeat; }
#form-order fieldset div { background: #f9f9f9; border: 1px solid #CCC; padding: 14px; }
#form-order fieldset h2 { margin: 0 0 10px 0; padding: 0; font: bold 14px Arial; color: #3f3f3f; }

#form-order table { width: 100%; border-collapse: collapse; }
#form-order table th { text-align: center; font: bold 12px Arial; color: #3f3f3f; padding: 5px; border-bottom: 1px solid #CCC; }
#form-order table th.first { text-align: left; padding-left: 15px; font-size: 14px; }
#form-order table th.last { padding-right: 15px; width: 60px; }
#form-order table th.th-antal { width: 90px; }
#form-order table td { background: #f9f9f9; vertical-align: top; border-bottom: 1px solid #CCC; padding: 12px 5px; text-align: center; }
#form-order table td.first { border-left: 1px solid #CCC; text-align: left; padding-left: 14px; }
#form-order table td.last { border-right: 1px solid #CCC; padding-right: 14px; }
#form-order table td.price { text-align: right; }
#form-order table a { font-weight: bold; color: #ee2a79; }
#form-order table tfoot td { background: #f0fd9b; text-align: left; border: none; border-left: 1px solid #f0fd9b; padding: 7px 5px;  }
#form-order table tfoot td.first { border: none; }
#form-order table tfoot .subtotal td { background: none; border: none; padding-top: 25px; }
#form-order table tfoot button { margin-right: 5px; }
#form-order tbody button { overflow: hidden; }
#form-order .btn-plus,
#form-order .btn-minus { display: block; float: left; width: 20px; height: 26px; background: url(../i/btn-plus.png) 50% 50% no-repeat; border: none; text-indent: -9000px; }
#form-order .btn-minus { background: url(../i/btn-minus.png) 50% 50% no-repeat;  }
#form-order .inp-amount { float: left; width: 29px; height: 20px; line-height: 20px; font-size: 12px; margin: 0 5px; padding: 3px 5px; background: url(../i/bg-field_amount.png) 50% 50% no-repeat; border: none; text-align: center; }
#form-order .btn-delete { display: block; border: none; width: 100%; height: 33px; background: url(../i/btn-delete.png) 50% 50% no-repeat; text-indent: -9000px; }
#form-order label { display: block; font-weight: bold; color: #3f3f3f; margin-bottom: 10px; }
#form-order label.cbx_label { font-weight: normal; color: #3f3f3f; }

#bifoga_bild ul { float: left; width: 100%; position: relative; left: -2px; }
#bifoga_bild ul li { width: 100px; height: 120px; float: left; }
#bifoga_bild ul img { background: url(../i/bg-image.png) 0 0 no-repeat; padding: 8px 9px 9px; cursor: pointer; }
#bifoga_bild ul img.selected { background: url(../i/bg-image.png) 0 -74px no-repeat; }
#bifoga_bild ul a { float: right; width: 18px; height: 18px; background: url(../i/ico-zoom.png) 50% 50% no-repeat; text-indent: -9000px; overflow: hidden; margin-right: 15px; }

#bifoga_bild #file-select { float: left; margin-right: 10px; }
#bifoga_bild .fs_help { width: 30px; height: 24px; text-indent: -9000px; overflow: hidden; display: block; background: url(../i/btn-help.png) 50% 50% no-repeat; }
#bifoga_bild select { width: 225px; }

#form-order #bifoga_en_halsning div { position: relative; }
#bifoga_en_halsning select,
#bifoga_en_halsning textarea { width: 250px; }
#bifoga_en_halsning textarea { margin-top: 10px; }
#bifoga_en_halsning button { position: absolute; margin: -5px 0 0 180px; width: 78px; height: 33px; background: url(../i/btn-vidare3.png); border: none; text-align: left; text-indent: -9000px; overflow: hidden; }

#betala div { float: left; width: 637px; }
#betala ul { float: left; width: 100%; }
#betala ul li { float: left; border-bottom: 1px solid #CCC; width: 100%; position: relative; padding-bottom: 5px; margin-bottom: 10px; }
#betala ul li.last { border: none; }
#betala ul img { float: left; }
#betala ul input { position: absolute; left: 140px; }
#betala ul label { width: 435px; padding-right: 30px; float: right; font-weight: normal; cursor: pointer; }

#skicka ul { float: left; width: 100%; padding-bottom: 15px; }
#skicka li { width: 250px; float: left; position: relative; left: 15px; }
#skicka ul label { padding: 7px 0 3px 0; margin: 0; }
#skicka ul span.field { left: -2px; }
#skicka ul input { width: 210px; }
#skicka ul select { width: 217px; }
#skicka .li-personnummer { background: #e9e9e9; float: left; padding: 4px 0 4px 4px; position: relative; left: 11px; width: 470px; white-space: nowrap; }
#skicka .li-personnummer label { font-weight: normal; float: left; margin-right: 10px;  padding-top: 4px; }
#skicka .li-personnummer label strong { margin-right: 5px; }
#skicka .li-personnummer span.field { margin-right: 10px; left: 0; }
#skicka .li-personnummer a { position: relative; top: 4px; font-weight: bold; }
#skicka .li-personnummer input { width: 85px; }
#skicka .foretag { clear: both; width: 100%; }
#skicka p { padding-left: 12px; }
#skicka p label { display: inline; font-weight: normal; }
#skicka button { position: relative; left: 15px; display: block; border: none; width: 132px; height: 33px; background: url(../i/btn-skicka_order.png) 50% 50% no-repeat; text-indent: -9000px; }