/* Huvud sidan body */

    body
        {
        margin: 0;
        padding: 0;
        background-image: url(../bilder/mitten.png), url(../bilder/bakgrund.jpg);
        background-position: top center, top center;
        background-repeat: repeat-y, no-repeat;
        background-size: auto, cover;
        background-attachment: scroll, fixed;
        background-color: #000000;
        color: #555;
        font: 12px/160% Arial, Verdana, sans-serif;
        text-align: center;
        }

    .clearall
        {
        clear: both;
        display: block;
        font-size: 1px;
        height: 1px;
        line-height: 1px;
        margin: 0;
        }
    
    #mitten-video
        {
        position: fixed;
        right: 0;
        bottom: 0;
        background-image: url(../bilder/mitten.png);
        background-position: top center;
        background-repeat: repeat-y;
        background-size: auto;
        background-attachment: scroll;
        background-color: transparent;
        min-height: 100%;
        /*height: 180px;*/
        min-width: 100%;
        z-index: -999998;
        }
    
    #bakgrund-video
        {
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        z-index: -999999;
        }
  
/* Sätter alla margin & padding till 0*/
    *
        {
        margin: 0;
        padding: 0;
        }

    ::-moz-selection
        {
        background: #03690d;
        color: #FFFFFF;
        }
    
    ::selection
        {
        background: #03690d;
        color: #FFFFFF;
        }
    
    input.padding
        {
        padding: 5px;
        }

/* Länkar */
    a
        {
        outline: none;
        }
    
    a:link, a:visited
        {
        color: #03690d;
        text-decoration: none;
        }

    a:hover
        {
        border-bottom: 1px solid #03690d;
        }
  
    a:active
        {
        background: #e5f0e6;
        }

    a.nounderline:hover
        {
        text-decoration:none;
        border-bottom:none;
        }
    
    a.popup, .popup-diagram
        {
        cursor: pointer;
        }
    
/* Bilder */
    img
        {
        border: none;
        }

    img.full
        {
        float: left;
        margin: 1em 0 0;
        }
    
    img.right
        {
        float: right;
        margin: 0 0 30px 30px;
        }
  
    img.left
        {
        float: left;
        margin: 0 30px 30px 0;
        }

    img.top
        {
        margin-top: 29px;
        }

/* Typsnitt & storlekar */

    h1, h2
        {
        margin: 0 0 1em;
        padding-top: 29px;
        color: #333;
        font-family: Arial, Verdana, sans-serif;
        font-size: 26px;
        }
    
    h1.rubrik
        {
        color: #03690d;
        }

    h2
        {
        font-size: 20px;
        margin: 0 0 .5em;
        padding: 0;
        }

    h1 span, h3 span.add
        {
        color: #999;
        font-size: 12px;
        font-weight: normal;
        }

    h3
        {
        margin: 0 0 .5em;
        padding: .5em 0 0;
        color: #333;
        font-size: 16px;
        }
        
    h3.section
        {
        margin: 1.5em 0 1em;
        border-bottom: 1px solid #ccc;
        padding-bottom: 0.2em;
        }
  
    hr
        {
        height: 4px;
        margin: 25px 0;
        padding: 0;
        border: none;
        background: url(../bilder/divider-dottedline.gif) repeat-x top left;
        font-size: 4px;
        line-height: 4px;
        clear: both;
        }

    ul
        {
        list-style: disc inside;
        margin: 0 0 1em 15px;
        }

    ul a:link, ul a:visited
        {
        border: none;
        }

    ul a:hover
        {
        border-bottom: 1px solid #03690d;
        }

    p
        {
        margin: 0 0 1em;
        }

    #meddelande, #meddelande2
        {
        position: fixed;
        width: 800px;
        height: auto;
        text-align: left;
        left: 50%;
        right: 50%;
        top: 10%;
        margin-left: -400px;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        background-color: #FFFFFF;
        box-shadow: 10px 10px 5px #888888;
        padding: 10px 10px 10px 10px;
        cursor: crosshair;
        z-index: 901;
        }

    #meddelande2
        {
        position: absolute;
        top: 2%;
        margin-bottom: 100px;
        }

    #container
        {
        margin: 0 auto 0 auto;
        text-align: center;
        }

    #admin
        {
        float: left;
        width: 100%;
        margin: 0 0 0 -1px;
        }

    .wrapper
        {
        width: 966px;
        margin: 0 auto;
        text-align: left;
        }

    #logo
        {
        position: relative;
        background: url(../bilder/logo_ny.png) no-repeat;
        background-size: contain;
        background-position: center;
        width: 227px;
        height: 53px;
        margin-left: 48px;
        margin-top: 5px;
        text-decoration: none;
        }

    a.logolank
        {
        width:100%;
        height:100%;
        display:block;
        background-color:transparent;
        text-decoration:none;
        }

    a.logolank:hover
        {
        display:block;
        text-decoration: none;
        border-bottom:none;
        }

    #undertext
        {
        position: relative;
        color: #808080;
        text-align: center;
        margin-left: 48px;
        width: 227px;
        height: 20px;
        white-space: nowrap;
        }

    a.pufflank
        {
        border: 0;
        }

    a.pufflank:hover
        {
        border: 0;
        }
    
    #meny
        {
        position: relative;
        background: url('/bilder/bg-nav.png') no-repeat;
        background: -webkit-linear-gradient(bottom, #e2e2e2, #e2e2e2 50%, #f5f5f5 50%, #f5f5f5);
        width: 904px;
        height: 47px;
        margin-top: 45px;
        margin-left: 30px;
        text-align: center;
        z-index: 900;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        box-shadow: 10px 10px 5px #888888;
        font-weight: bold;
        }

    .meny_container
        {
        text-align: center;
        }
    
    .sokruta
        {
        position:relative;
        display:inline-table;
        float:right;
        padding-left:10px;
        }
  
    .forstoringsglas
        {
        background: url(../bilder/icon-zoom-nocross.png) top left no-repeat;
        height:26px;
        width:27px;
        position:absolute;
        margin-top:-5px;
        margin-left: -5px;
        }
    h1
        {
        white-space: nowrap;
        }

    ul.menyslide
        {
        max-width: 910px;
        margin: 0 auto;
        list-style-type: none;
        padding: 0;
        text-align: center;
        display: inline-block;
        overflow: hidden;
        }

    li.meny
        {
        line-height:48px;
        max-width: 180px;
        max-height:47px;
        color:#03690D;
        background: url(../bilder/divider.png) no-repeat;
        background-position: right;
        float:left;
        display:inline;
        }

    li.meny_sist
        {
        line-height:48px;
        max-width: 180px;
        max-height:47px;
        color:#03690D;
        background-position: right;
        float:left;
        display:inline;
        }

    li.meny a, li.meny_sist a
        {
        color:#03690D;
        text-decoration:none;
        background-color: transparent;
        padding-left:30px;
        padding-right: 30px;
        display:inline-block;
        }

    li.meny:hover, li.meny_sist:hover
        {
        background: url(../bilder/bg-nav-active.gif) repeat-x;
        text-decoration:none;
        }

    li.meny:hover a, li.meny_sist:hover a
        {
        color:#FFFFFF;
        text-decoration:none;
        background-color: transparent;
        display:block;
        border-bottom:none;
        }

    li.active 
        {
        line-height:48px;
        padding-left:30px;
        padding-right:30px;
        max-width: 180px;
        text-align:center;
        color:#FFFFFF;
        background: url(../bilder/bg-nav-active.gif) repeat-x;
        float:left;
        display:inline;
        }

    li.active a
        {
        color:#FFFFFF;
        text-decoration:none;
        background-color: transparent;
        display:block;
        }

    li.active a:hover
        {
        border-bottom:none;
        }

    ul.help-admin
        {
        list-style: none;
        }

    ul.help-admin li a
        {
        color: #03690d;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        }
    
    ul.help-admin li a:hover
        {
        border: none;
        }

    ul.help-admin li.undermeny-help-admin a
        {
        font-size: 12px;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 10px;
        display: block;
        }

    ul.help-admin li.undermeny-help-admin p.help-text
        {
        margin-left: 20px;
        display: none;
        }

    #main, #main-full
        {
        margin-top: -20px;
        float: right;
        width: 640px;
        padding: 0 29px 29px;
        background: #fff;
        text-align: left;
        margin-right: 30px;
        margin-bottom: 100px;
        display: inline-block;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        box-shadow: 10px 10px 5px #888888;
        }
  
    #main-full
        {
        width: 846px;
        }

    #main-full2
        {
        width: 800px;
        margin-top: -120px;
        float: right;
        padding: 0 29px 29px;
        background: #fff;
        border: 1px solid #d8d8d8;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        text-align:left;
        margin-right:30px;
        margin-bottom:100px;
        display: inline-block;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        box-shadow: 10px 10px 5px #888888;
        }

    #footer
        {
        /*background: url(../bilder/bg-footer.png) left top repeat-x;*/
        position: fixed;
        bottom: 0;
        left: 0;
        height: 91px;
        width: 100%;
        }

    #footer.footer-small
        {
        height: 51px;
        }

    #footer a
        {
        color: #555;
        border: none;
        background: none;
        text-decoration:none;
        }

    #contact-language
        {
        float: left;
        width: 966px;
        margin: 0 0 0 -1px;
        height: 91px;
        /*background: url(../bilder/bg-contact.png) center bottom no-repeat;*/
        text-align: center;
        }
  
    #contact-language div
        {
        float: left;
        width: 100%;
        overflow: hidden;
        position: relative;  
        }
  
    #contact
        {
        position: relative;
        margin: 28px auto 0 auto;
        text-align: center;
        clear: left;
        float: left;
        display: block;
        width: 100%;
        list-style: none inside;
        font-size: 15px;
        }

    #contact li
        {
        position: relative;
        display: inline;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        }

    #contact .last span
        {
        background: none;
        }

    #contact .phone
        {
        position: relative;
        width: 50px;
        margin-left: 50px;
        padding-top: 20px;
        padding-bottom: 20px;
        background: url(../bilder/icon-phone.png) left no-repeat;
        text-align: right;
        display: inline-block;
        }
        
    #contact .fax
        {
        position: relative;
        width: 50px;
        margin-left: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        background: url(../bilder/icon-fax.png) left no-repeat;
        text-align: right;
        display: inline-block;
        }

    #contact .mail
        {
        position: relative;
        width: 50px;
        margin-left: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        background: url(../bilder/icon-mail.png) center no-repeat;
        text-align: right;
        display: inline-block;
        }

    #contact .download
        {
        position: relative;
        width: 50px;
        margin-left: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        background: url(../bilder/icon-adobe.png) center no-repeat;
        text-align: right;
        display: inline-block;
        }

/* Toggled footer */

    .footer-small div
        {
        height: 51px !important;
        }

    .footer-small
        {
        /*background: url(../bilder/bg-footer-small.png) left bottom repeat-x !important;*/
        }

    .footer-small #contact-language
        {
        height: 51px;
        /*background: url(../bilder/bg-contact-small.png) center bottom no-repeat;*/
        }

    .footer-small #contact
        {
        margin: 21px 0 0 20px;
        font-size: 13px;
        }

    .footer-small #contact .phone
        {
        position: relative;
        width: 30px;
        margin-left: 30px;
        padding-top: 5px;
        padding-bottom: 20px;
        background: url(../bilder/icon-phone.png) left no-repeat;
        background-size: 30px 20px;
        display: inline-block;
        }

    .footer-small #contact .fax
        {
        position: relative;
        width: 30px;
        margin-left: 10px;
        padding-top: 5px;
        padding-bottom: 20px;
        background: url(../bilder/icon-fax.png) left no-repeat;
        background-size: 30px 20px;
        display: inline-block;
        }

    .footer-small #contact .mail
        {
        position: relative;
        width: 30px;
        margin-left: 10px;
        padding-top: 5px;
        padding-bottom: 20px;
        background: url(../bilder/icon-mail.png) left no-repeat;
        background-size: 30px 20px;
        display: inline-block;
        }
        
    .footer-small #contact .download
        {
        position: relative;
        width: 30px;
        margin-left: 10px;
        padding-top: 5px;
        padding-bottom: 20px;
        background: url(../bilder/icon-adobe.png) left no-repeat;
        background-size: 30px 20px;
        display: inline-block;
        }
  
    .footer-small #language
        {
        margin: 26px 30px 0 0;
        }

    .footer-small #language li a
        {
        width: 16px;
        height: 16px;
        margin-left: 8px;
        }

    span.telefon_footer, span.fax_footer, span.epost_footer, span.download_footer
        {
        position: absolute;
        top: -40px;
        left: -30px;
        white-space: nowrap;
        width: auto;
        height: auto;
        background-color: #efeeea;
        border-radius: 3px;
        border: 1px solid #ddd5ca;
        padding: 5px 5px 5px 5px;
        box-shadow: 10px 10px 5px #888888;
        text-align: center;
        z-index: 10000;
        display: none;
        }

/* Slideshow */

    .coda-slider-wrapper
        {
        float: right;
        width: 700px;
        margin: 0;
        overflow: auto;
        margin-right:30px;
        }

    .coda-slider
        {
        float: right;
        overflow: hidden;
        position: relative;
        }

    .coda-slider .panel
        {
        display: block;
        float: left;
        text-align: center;
        }

    .coda-slider .panel-container
        {
        position: relative;
        }

    .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel
        {
        width: 700px;
        }

    .coda-nav-left, .coda-nav-right
        {
        display: none;
        }

    .coda-nav
        {
        float: left;
        width: 700px !important;
        }

    .coda-nav ul
        {
        clear: both;
        display: block;
        margin: 15px auto auto;
        padding: 5px;
        overflow: hidden;
        }

    .coda-nav ul li
        {
        display: inline;
        }

    .coda-nav ul li a
        {
        display: block;
        float: left;
        width: 9px;
        height: 9px;
        margin: 0 0 0 6px;
        background: url(../bilder/indicator.png) center left no-repeat;
        text-indent: -99999px;
        text-decoration: none;
        border: none;
        }

    .coda-nav ul li a.current
        {
        background: url(../bilder/indicator-active.png) center left no-repeat;
        }

    .coda-slider-no-js .coda-slider
        {
        height: 200px;
        overflow: auto !important;
        padding-right: 20px;
        }

    .coda-slider p.loading
        {
        padding: 20px;
        text-align: center;
        }

    .coda-slider p.loading img
        {
        float: none;
        }

    #pallet
        {
        margin-top:-70px;
        float: right;
        max-width: 900px;
        padding: 0 0 0 15px;
        margin-right: 28px;
        background: url('/bilder/bg-nav.png') no-repeat;
        background: -webkit-linear-gradient(bottom, #e2e2e2, #e2e2e2 50%, #f5f5f5 50%, #f5f5f5);
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        box-shadow: 10px 10px 5px #888888;
        }
  
    #pallet div
        {
        float: right;
        }

    #pallet a
        {
        color: #555;
        }

    #pallet a:hover
        {
        border-bottom: 1px solid #555;
        }

    #pallet p
        {
        float: left;
        margin: 8px 0 0;
        padding: 8px 0 12px 54px;
        background: url(../bilder/pall/icon-pallet-empty.png) center left no-repeat;
        font-size: 15px;
        }

    #pallet p.articles-one
        {
        background: url(../bilder/pall/icon-pallet-one.png) center left no-repeat;
        }

    #pallet p.articles-two
        {
        background: url(../bilder/pall/icon-pallet-two.png) center left no-repeat;
        }
    
    #pallet p.articles-three
        {
        background: url(../bilder/pall/icon-pallet-three.png) center left no-repeat;
        }

    #pallet p.articles-four
        {
        background: url(../bilder/pall/icon-pallet-four.png) center left no-repeat;
        }

    #pallet ul
        {
        list-style: none inside;
        float: left;
        margin: 12px 5px 6px 10px;
        padding: 5px 0 5px 5px;
        background: url(../bilder/pall/divider-pallet.gif) top left repeat-y;
        }

    #show-vat-option li
        {
        position: relative;
        min-height: 20px;
        float: right;
        padding-right: 28px;
        top: -35px;
        display: inline;
        margin: 0 5px 0 5px;
        margin-top: 10px;
        }

    #user-info li
        {
        display: inline;
        margin: 0 5px 0 5px;
        }

    #user-info li a:link, #pallet li a:visited
        {
        color: #03690d;
        text-decoration: none;
        }

    #user-info li a:hover
        {
        border-bottom: 1px solid #03690d;
        }

    #pallet #language
        {
        margin-left: 0;
        padding-left: 10px;
        }

    #language li
        {
        display: inline;
        }

    #language li a
        {
        float: left;
        display: block;
        width: 24px;
        margin-right: 5px;
        height: 22px;
        }

    #language li a:hover
        {
        border: none;
        }

/* Company navigation */

    #nav-company
        {
        position: relative;
        list-style: none inside;
        float: right;
        clear: right;
        max-width: 910px;
        margin: -25px 28px;
        font-size: 18px;
        font-family: "Times New Roman", Georgia, serif;
        font-style: italic;
        text-align: right;
        }
        
    #nav-company li
        {
        display: inline;
        margin: 0 10px;
        }

    #nav-company li a
        {
        color: #666;
        text-decoration: none;
        border-bottom: none;
        }

    #nav-company li.active a
        {
        color: #03690D;
        }
        
/* Sidebar navigation */

    #nav-side, #nav-side-admin
        {
        list-style: none outside;
        margin: 0 0 15px;
        line-height: 120%;
        width:100%;
        text-align:left;
        margin-left:0px;
        margin-top:0px;
        }
        
    #nav-side li, #nav-side-admin li
        {
        margin: 0;
        color: #888;
        border-bottom: 1px solid #ddd5ca;
        }
    
    #nav-side li a, #nav-side-admin li a
        {
        /*width: 148px;*/
        margin: 0 1px;
        padding: 8px 20px;
        font-size: 8.5pt;
        display: block;
        }

    #nav-side li a span, #nav-side-admin li a span
        {
        margin-left: 3px;
        color: #999;
        font-size: 11px;
        }

    #nav-side a
        {
        color: #03690d;
        cursor: pointer;
        }

    #nav-side a:hover, #nav-side-admin a:hover
        {
        text-decoration: underline;
        }
  
    #nav-side .current, #nav-side-admin .current
        {
        color: #555;
        background-color: #fff !important;
        }

    #nav-side .pdf
        {
        text-indent: 22px;
        color: inherit;
        font-size: 12px;
        background: transparent url(/images/icon-pdf.gif) 22px 50% no-repeat;
        }

    #nav-side .pdf a:hover
        {
        background-image: url(/images/icon-pdf.gif);
        background-repeat: no-repeat;
        background-position: 21px 50%;
        }

    #nav-side li.parent
        {
        background: url(../bilder/bg-nav-more.gif) 7px 13px no-repeat;
        color: #03690d;
        }
  
    #nav-side li.parent.active2
        {
        background: url(../bilder/bg-nav-more-down.gif) 7px 12px no-repeat;
        background-color: #03690d;
        border-right: 1px solid #ddd5ca;
        border-left: 1px solid #ddd5ca;
        padding-left: 10px;
        }

    #nav-side li.parent.active2 a
        {
        color:#FFFFFF;
        font-weight:bold;
        text-align:left;
        font-size:8pt;
        }
  
    #nav-side li.parent2
        {
        background: url(../bilder/bg-nav-more.gif) 17px 13px no-repeat;
        }
  
    #nav-side li.parent2.active2
        {
        background: url(../bilder/bg-nav-more-down.gif) 17px 12px no-repeat;
        background-color: #03690d;
        border-right: 1px solid #ddd5ca;
        border-left: 1px solid #ddd5ca;
        padding-left:20px;
        }

    #nav-side li.dolj_mig
        {
        background: url(../bilder/bg-nav-vanster.gif) 17px 12px no-repeat;
        border-right: 1px solid #ddd5ca;
        border-left: 1px solid #ddd5ca;
        padding-left:20px;
        }

    #nav-side li.dolj_mig a 
        {
        color: #03690d;
        font-weight: bold;
        cursor: pointer;
        }

    #nav-side li.dolj_mig a:hover
        {
        border-bottom: none;
        text-decoration: none;
        }

    #nav-side li.parent2 a
        {
        color:#FFFFFF;
        font-weight:bold;
        text-align:left;
        }

    #nav-side li.sist a
        {
        color: #03690d;
        }

    a.nav-side-aktiv
        {
        position:relative;
        left:-10px;
        line-height:normal;
        }

    #nav-side li.vald_produkt a 
        {
        background-color: #03690d;
        color: #FFFFFF;
        border-right: 1px solid #ddd5ca;
        border-left: 1px solid #ddd5ca;
        font-weight: bold;
        font-size: 8.5pt;
        }

    .padd20
        {
        padding-left: 20px;
        }

    .padd30
        {
        padding-left: 30px;
        }

    .import-articles label
        {
        margin-right: 20px;
        }

    .import-articles p
        {
        margin: 20px 0;
        }

    .import-articles dl
        {
        margin: 20px 0; overflow: hidden;
        }

    .import-articles dl dt
        {
        float: left;
        clear: left;
        width: 200px;
        font-weight: bold;
        }

    .import-articles dl dd
        {
        float: left;
        }

    .admin-table
        {
        width: 100%;
        font-size: 12px;
        font-weight: normal;
        }

    #product-list
        {
        list-style: none;
        margin: 0;
        }

    #product-list ul
        {
        margin: 0;
        padding: 0;
        }
    
    #product-list .main-category
        {
        margin-bottom: 30px;
        }
    
    #product-list .group
        {
        list-style: none;
        }

    #product-list .add
        {
        margin: 1em 0;
        display: block;
        }

    #nav-side-admin li a
        {
        }

    #nav-side-admin .dash a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-clipboard.gif) 10px center no-repeat;
        }

    #nav-side-admin .account-requests a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-cards.gif) 10px center no-repeat;
        }

    #nav-side-admin .categories a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-nodes.gif) 10px center no-repeat;
        }

    #nav-side-admin .products a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-productbox.gif) 10px center no-repeat;
        }

    #nav-side-admin .articles a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-drawer.gif) 10px center no-repeat;
        }

    #nav-side-admin .users a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-user.gif) 10px center no-repeat;
        }

    #nav-side-admin .price-groups a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-money.gif) 10px center no-repeat;
        }

    #nav-side-admin .customer-groups a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-users.gif) 10px center no-repeat;
        }

    #nav-side-admin .sites a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-globe.gif) 10px center no-repeat;
        }

    #nav-side-admin .images a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-images.gif) 10px center no-repeat;
        }

    #nav-side-admin .documents a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-documents.gif) 10px center no-repeat;
        }

    #nav-side-admin .help a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-question.gif) 10px center no-repeat;
        }

    #nav-side-admin .vat-groups a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-slips.gif) 10px center no-repeat;
        }

    #nav-side-admin .transporters a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-car.gif) 10px center no-repeat;
        }

    #nav-side-admin .pages a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-pages.gif) 10px center no-repeat;
        }

    #nav-side-admin .contacts a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-address-book.gif) 10px center no-repeat;
        }

    #nav-side-admin .banners a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-banners.gif) 10px center no-repeat;
        }

    #nav-side-admin .flashes a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-flash.gif) 10px center no-repeat;
        }

    #nav-side-admin .translations a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-document-globe.gif) 10px center no-repeat;
        }

    #nav-side-admin .excel a
        {
        padding: 8px 6px 8px 34px;
        background: url(../bilder/icon-excel.gif) 10px center no-repeat;
        }

    #nav-side-admin .dash a:hover, #nav-side-admin .account-requests a:hover,
    #nav-side-admin .categories a:hover, #nav-side-admin .products a:hover,
    #nav-side-admin .articles a:hover, #nav-side-admin .users a:hover,
    #nav-side-admin .price-groups a:hover, #nav-side-admin .customer-groups a:hover,
    #nav-side-admin .sites a:hover, #nav-side-admin .images a:hover,
    #nav-side-admin .documents a:hover, #nav-side-admin .help a:hover,
    #nav-side-admin .vat-groups a:hover, #nav-side-admin .transporters a:hover,
    #nav-side-admin .pages a:hover, #nav-side-admin .contacts a:hover,
    #nav-side-admin .banners a:hover, #nav-side-admin .flashes a:hover,
    #nav-side-admin .translations a:hover
        {
        background-color: #fff;
        }

/* Admin Tabs */

    .admin-tab-menu
        {
        height: 24px;
        border-bottom: 1px solid #ccc;
        margin: 1em 0 4em;
        background: #eee;
        padding: 8px 0 4px;
        }

    .admin-tab-menu li
        {
        list-style: none;
        border: 1px solid #eee;
        border-width: 1px 1px 0;
        margin: 0 0 0 8px;
        float: left;
        padding-left: 20px;
        background: #eee 2px 2px no-repeat;
        }

    .admin-tab-menu li a
        {
        height: 21px;
        padding: 2px 7px 4px 5px;
        line-height: 21px;
        display: block;
        }
        
    .admin-tab-menu li a:hover, admin-tab-menu li a:active
        {
        border: none;
        background: none;
        }

    .admin-tab-menu li.current
        {
        border-color: #ccc;
        background-color: white;
        padding-bottom: 1px;
        }

    #admin-tab-menu-general
        {
        background-image: url(../bilder/icon-info-blue.gif);
        background-position: 6px 4px;
        }

    #admin-tab-menu-models
        {
        background-image: url(../bilder/icon-models.gif);
        background-position: 6px 4px;
        }

    #admin-tab-menu-spare-parts
        {
        background-image: url(../bilder/icon-gear.gif);
        background-position: 6px 4px;
        }

    #admin-tab-menu-tech-specs
        {
        background-image: url(../bilder/icon-blueprint.gif);
        background-position: 6px 4px;
        }

    #admin-tab-menu-instructions
        {
        background-image: url(../bilder/icon-hammer.gif);
        background-position: 6px 4px;
        }

    #admin-tab-menu-documents
        {
        background-image: url(../bilder/icon-documents.gif);
        background-position: 6px 4px;
        }

/* Sub navigation in sidebar */

    #nav-side-sub.article-group-menu > li
        {
        border-bottom: 1px solid #DDD5CA;
        text-align:left;
        }

    #nav-side-sub.article-group-menu li.active > a
        {
        font-weight: bold;
        }

    #nav-side-sub.article-group-menu li.parent
        {
        background: url(../bilder/bg-nav-more.gif) 7px 13px no-repeat;
        }

    #nav-side-sub.article-group-menu li.parent.active
        {
        background: url(../bilder/bg-nav-more-down.gif) 7px 12px no-repeat;
        }

    #nav-side-sub.article-group-menu li li.parent
        {
        background: url(../bilder/bg-nav-more.gif) 7px 11px no-repeat;
        }

    #nav-side-sub.article-group-menu li li.parent.active
        {
        background: url(../bilder/bg-nav-more-down.gif) 7px 10px no-repeat;
        }

    #nav-side-sub.article-group-menu li ul
        {
        display: none;
        }

    #nav-side-sub.article-group-menu li > ul.collapsed
        {
        display: none;
        }
    
    #nav-side-sub.article-group-menu li.active > ul.collapsed
        {
        display: block;
        }

    #nav-side-sub.article-group-menu li.parent.active li.parent.active li.parent
        {
        background-position: 5px 7px;
        }
    
    #nav-side-sub.article-group-menu li li.parent
        {
        background-position: 5px 6px;
        }

    #nav-side-sub.article-group-menu li li.parent.active
        {
        background-position: 5px 5px;
        }

    #nav-side-sub.article-group-menu ul li
        {
        border-bottom: none;
        margin: 0px;
        display: block;
        min-height: 20px;
        }

    #nav-side-sub.article-group-menu ul li a
        {
        margin: 0px;
        }

    #nav-side-sub.article-group-menu ul
        {
        padding: 0 0 6px 14px;
        }

    #nav-side-sub.article-group-menu ul,
    #nav-side-sub.article-group-menu ul ul,
    #nav-side-sub.article-group-menu ul ul ul
        {
        border: none;
        margin-top: 0px;
        margin-bottom: 0px;
        }

    #nav-side-sub
        {
        list-style: none outside;
        /*margin: 20px 0 10px;*/
        margin: 0px 0 10px;
        padding: 4px 0;
        }

    #nav-side-sub li a
        {
        display: block;
        /*width: 148px;*/
        margin: 0 1px;
        padding: 3px 20px;
        }

    #nav-side-sub li a:hover
        {
        text-decoration: underline;
        }

/* Nested sub navigation in sidebar */

    #nav-side-sub ul
        {
        /*margin: 0 1px 20px;*/ margin: 0 0px 20px;
        padding: 1px;
        border-top: 1px solid #ddd5ca;
        border-bottom: 1px solid #ddd5ca;
        }

    #nav-side-sub ul li
        {
        border: none;
        margin: 0 0 0 -1px;
        }

    #nav-side-sub ul li a
        {
        /*width: 138px;*/
        font-size: 11px;
        /*background: rgba(0,0,0, 0.3);*/
        }

    #nav-side-sub.article-group-menu li a
        {
        padding: 6px 20px 6px 20px;
        }

    #nav-side-sub.article-group-menu li li a
        {
        padding: 2px 20px 3px 16px;
        }

    #nav-side-sub ul li a:hover
        {
        }

/* Product navigation */

    #nav-product
        {
        list-style: none inside;
        float: left;
        position: relative;
        display: inline;
        width: 700px;
        margin: -1px -30px 0;
        background: #eeede9;
        border-bottom: 1px solid #d8d8d8;
        padding-left:0px;
        }

    #nav-product li
        {
        display: inline;
        }

    #nav-product li a
        {
        float: left;
        display: block;
        margin: 0 0 -1px;
        color: #777;
        border: none;
        background: url(../bilder/bg-nav-product-li.png) top left no-repeat;
        }

    #nav-product li a:hover
        {
        text-decoration: none;
        cursor: pointer;
        border-bottom: 1px solid #d8d8d8;
        }

    #nav-product li a span
        {
        float: left;
        display: inline;
        width: 153px;
        margin: 0 1px;
        padding: 12px 10px 8px;
        background: url(../bilder/bg-nav-product-shadow.gif) bottom left repeat-x;
        }

    #nav-product #active-tab
        {
        background: url(../bilder/bg-nav-product-li-active.png) top left no-repeat;
        border-bottom: 1px solid #fff;
        }

    #nav-product #active-tab span
        {
        background: none;
        }

    #nav-product strong
        {
        padding: 5px 0 5px 26px;
        font-weight: normal;
        }

    #nav-product .product-info strong
        {
        background: url(../bilder/icon-info-gray.gif) center left no-repeat;
        }

    #nav-product .tech-specs strong
        {
        background: url(../bilder/icon-statsdoc-gray.gif) center left no-repeat;
        }

    #nav-product .spare-parts strong
        {
        background: url(../bilder/icon-cog-gray.gif) center left no-repeat;
        }

    #nav-product .instructions strong
        {
        background: url(../bilder/icon-wrench-gray.gif) center left no-repeat;
        }

    #nav-product .product-info #active-tab strong,
    #nav-product .product-info a:hover strong
        {
        color: #03690d;
        background: url(../bilder/icon-info.gif) center left no-repeat;
        }

    #nav-product .tech-specs #active-tab strong,
    #nav-product .tech-specs a:hover strong
        {
        color: #03690d;
        background: url(../bilder/icon-statsdoc.gif) center left no-repeat;
        }

    #nav-product .spare-parts #active-tab strong,
    #nav-product .spare-parts a:hover strong
        {
        color: #03690d;
        background: url(../bilder/icon-cog.gif) center left no-repeat;
        }

    #nav-product .instructions #active-tab strong,
    #nav-product .instructions a:hover strong
        {
        color: #03690d;
        background: url(../bilder/icon-wrench.gif) center left no-repeat;
        }

    #nav-product li a:hover span
        {
        background: none;
        }

    #hamta_tillbaka_menyn a
        {
        float: left;
        margin-left: -78px;
        background-color: #03690d;
        color: #FFFFFF;
        transform: rotate(90deg);
        width: 200px;
        height: 20px;
        display: block;
        text-align: center;
        cursor: pointer;
        margin-top: 70px;
        font-size: 13pt;
        padding-bottom: 5px;
        padding-top: 5px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        overflow: hidden;
        }

    #hamta_tillbaka_menyn a:hover
        {
        border-bottom: none;
        }

    #sidebar
        {
        float: left;
        width: 190px;
        padding-bottom: 8px;
        margin-left: 30px;
        background: url(../bilder/bg-sidebar-bottom.png) bottom left no-repeat;
        margin-bottom: 100px;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        box-shadow: 10px 10px 5px #888888;
        font-weight: bold;
        }

    #sidebar div
        {
        float: left;
        width: 190px;
        padding-top: 8px;
        background: url(../bilder/bg-sidebar-top.png) top left no-repeat;
        }

    #sidebar h3
        {
        margin: 0;
        padding: 7px 20px 0;
        color: #555;
        font-size: 13px;
        }

    #sidebar a
        {
        border: none;
        background: none;
        text-decoration: none;
        }

    #sidebar .construction
        {
        margin: 0 0 0 1px;
        padding: 3px 20px 26px;
        background: url(../bilder/divider-admin-nav.png) bottom left no-repeat;
        }

    .left-col
        {
        float: left;
        width: 300px;
        }

    .right-col
        {
        float: right;
        width: 300px;
        }

    .table-display
        {
        float: left;
        width: 640px;
        margin: 1em 0;
        padding: 0 0 2em;
        }

    .table-display dt
        {
        clear: left;
        float: left;
        width: 160px;
        height: 19px;
        padding: .5em 0;
        border-bottom: 1px solid #ddd;
        font-weight: bold;
        }

    .table-display dd
        {
        float: left;
        width: 480px;
        height: 19px;
        padding: .5em 0;
        border-bottom: 1px solid #ddd;
        }

    .compressed-list
        {
        float: left;
        padding: 0 0 2em;
        }

    .compressed-list dt
        {
        float: left;
        clear: left;
        margin-right: 5px;
        font-weight: bold;
        }

    .compressed-list dd
        {
        float: left;
        margin-bottom: 5px;
        white-space: normal;
        }

    .admin-list
        {
        list-style: none outside;
        margin: 0 0 2em;
        }

    .admin-list li
        {
        padding: 6px 0;
        padding-left: 20px;
        background: url(/images/bullet.gif) 7px 12px no-repeat;
        }

/* Product pages */

    .category-boxes
        {
        margin-left:0px;
        }

    .category-boxes .box
        {
        list-style: none;
        float: left;
        width: 640px;
        margin: 11px 11px 0 0;
        padding-bottom: 8px;
        background: url(../bilder/bg-category-box-bottom-full.png) bottom left no-repeat;
        }

    .category-boxes .one
        {
        clear: left;
        }

    .category-boxes .box .bottom
        {
        float: left;
        width: 640px;
        background: url(../bilder/bg-category-box-top-full.png) top left no-repeat;
        }

    .category-boxes .title
        {
        float: left;
        width: 100%;
        }

    .category-boxes .title h3
        {
        display: inline;
        float: left;
        margin: 5px 10px 15px 15px;
        font-size: 20px;
        text-align: left;
        }

    .category-boxes .box .image
        {
        float: left;
        width: 206px;
        }

    .category-boxes .image img
        {
        display: block;
        margin: 20px auto 15px;
        padding: 0 15px;
        }

    .category-boxes .box .models
        {
        float: left;
        width: 140px;
        padding: 15px 0 10px;
        margin: 0 15px;
        text-align:left;
        }

    .category-boxes .box .models p
        {
        margin: 0 0 .5em;
        font-weight: bold;
        }

    .category-boxes li ul
        {
        list-style: none outside;
        float: left;
        clear: left;
        width: 140px;
        margin: 0 10px 0 0;
        line-height: 140%;
        }

    .category-boxes li ul li
        {
        margin-bottom: .3em;
        }

    .category-boxes li ul a
        {
        border: none;
        }

    .category-boxes li ul a:hover
        {
        border-bottom: 1px solid #03690d;
        }

    .category-boxes .suitable
        {
        float: left;
        width: 252px;
        margin: 15px 0;
        }

    .category-boxes .suitable p
        {
        padding: 0 5px;
        }

    .category-boxes .suitable img
        {
        float: right;
        margin: 0 15px 15px 15px;
        }

    .category-boxes-wide
        {
        margin: 0 -11px 0 0;
        }

    .category-boxes-wide .box
        {
        list-style: none;
        float: left;
        width: 314px;
        margin: 11px 11px 0 0;
        padding-bottom: 8px;
        background: url(../bilder/bg-category-box-bottom-wide.png) bottom left no-repeat;
        }

    .category-boxes-wide .one
        {
        clear: left;
        }

    .category-boxes-wide .box .bottom
        {
        float: left;
        width: 307px;
        background: url(../bilder/bg-category-box-top-wide.png) top left no-repeat;
        }

    .category-boxes-wide h3
        {
        margin: 5px 0 0;
        font-size: 18px;
        text-align: center;
        }
    
    .category-boxes-wide .box .image
        {
        float: left;
        width: 307px;
        }
        
    .category-boxes-wide .image img
        {
        display: block;
        margin: 15px auto;
        padding: 0 15px;
        }

    .category-boxes-wide .box .models
        {
        float: left;
        width: 274px;
        padding: 10px 0;
        margin: 0 15px;
        border-top: 1px solid #ddd;
        }

    .category-boxes-wide li p
        {
        float: left;
        display: inline;
        width: 178px;
        margin: 0;
        font-size: 11px;
        line-height: 140%;
        }

    .category-boxes-wide li ul
        {
        list-style: none outside;
        float: left;
        clear: left;
        width: 178px;
        margin: 5px 10px 0 0;
        line-height: 140%;
        }

    .category-boxes-wide li ul a
        {
        border: none;
        }

    .category-boxes-wide li ul a:hover
        {
        border-bottom: 1px solid #03690d;
        }

    .category-boxes-wide .suitable
        {
        float: right;
        width: 276px;
        }
    
    .category-boxes-wide .suitable img
        {
        width: 142px;
        height: 41px;
        }

    .part
        {
        float: left;
        width: 610px;
        margin: 20px 0 0;
        padding: 30px 0 30px 30px;
        border: 1px solid #d8d8d8;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        }

    .part img
        {
        float: left;
        }

    .part h3, .part p
        {
        padding: 0 20px 0 175px;
        }

    .part table
        {
        width: 100%;
        clear:both;
        }
    
    .part table
        {
        white-space: nowrap;
        }

    .part table p
        {
        margin: 0;
        padding: 0;
        }

    .part .number
        {
        text-align: right;
        }

    .part label
        {
        display: none;
        }

    .part input
        {
        margin-right: 10px;
        }
    
    .part-image
        {
        float: left;
        width:155px;
        }

    .part-description
        {
        float: left;
        width: 230px;
        padding: 0 20px;
        }

    .part-description h3
        {
        padding: 0;
        }

    .part-description p
        {
        margin: 0;
        padding: 0;
        }

    .part-details
        {
        float: right;
        width: 150px;
        padding-right: 30px;
        }

    .part-details ul
        {
        list-style: none;
        font-size: 11px;
        font-weight: bold;
        text-align: right;
        }

    .part-details li
        {
        margin: 0 0 .5em;
        white-space: nowrap;
        }

    .part-details strong
        {
        margin-right: 5px;
        color: #03690d;
        font-size: 15px;
        }
        
    .part-details label
        {
        display: inline;
        font-size: 11px;
        vertical-align: middle;
        }

    .part-details .amount
        {
        width: 54px;
        margin: 5px 0 8px;
        text-align: right;
        }
    
    .part-details .btn
        {
        float: right;
        }

    #graphs
        {
        float: left;
        width: 400px;
        }

    #graphs .left
        {
        float: left;
        z-index: 1;
        }

    #graphs .zoom
        {
        position: absolute;
        top: 10px;
        right: 40px;
        width: 26px;
        height: 26px;
        z-index: 100;
        }

    #graphs .graph
        {
        float: left;
        position: relative;
        }

    #img-pdflist
        {
        float: right;
        width: 200px;
        }

    .text_wrap
        {
        float: left;
        width: 400px;
        }
    
    .wrap_image .graph-align
        {
        margin-top: 0 !important;
        }

    #img-container a
        {
        float: right;
        width: 200px;
        height: auto;
        margin: 0 0 30px;
        padding-bottom: 60px;
        background-image: url(../bilder/forstoringsglas_storre.png);
        background-repeat: no-repeat;
        background-position: 95% 95%;
        background-size: 30px 30px;
        border: 1px solid #d5d5d5;
        box-shadow: 3px 3px 3px #888888;
        border-radius: 5px;
        text-align: center;
        }

    #img-container img
        {
        margin: 25px 0 -25px;
        }

    .graph-align
        {
        margin-top: 35px !important;
        }

    #pdf-list
        {
        list-style: none inside;
        float: right;
        width: 178px;
        margin: 0 0 30px;
        padding: 10px;
        background: #ebebeb;
        border: 1px solid #d5d5d5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        font-size: 11px;
        }

    #pdf-list li, .pdf li
        {
        padding: 4px 0 2px 20px;
        background: url(../bilder/icon-pdf.gif) center left no-repeat;
        }

    .pdf
        {
        list-style: none;
        margin-left: 0;
        }

    .product-table
        {
        float: left;
        clear: left;
        width: 670px;
        margin: 0 0 30px;
        border-bottom: 1px solid #d8d8d8;
        vertical-align: top;
        margin-left: -15px;
        }
    
    .product-table tr
        {
        max-width: 640px;
        }
  
    .product-table th
        {
        border-bottom: 1px solid #d8d8d8;
        line-height: 130%;
        text-align: left;
        white-space:normal;
        }

    th.sist
        {
        text-align: right;
        padding-right: 10px;
        border-right: 0px;
        }
    
    .product-table td:first-child
        {
        border-left: 1px solid #d8d8d8;
        }

    .product-table td
        {
        border-right: 1px solid #d8d8d8;
        font-weight: normal;
        text-align: right;
        white-space: nowrap;
        vertical-align: top;
        }

    .product-table .txt
        {
        text-align: left;
        white-space: nowrap; !important;
        }

    .product-table .add-amount p
        {
        white-space: nowrap !important;
        }

    .product-table .add-amount, .product-table .last
        {
        border-right: 1px solid #d8d8d8;
        }

    .product-table .add-amount input
        {
        margin-top: 3px;
        }

    .product-table .btn, .product-table .btn-yellow
        {
        display: inline;
        float: right;
        margin: 4px 0 4px 10px;
        vertical-align: top;
        }

    .product-table label
        {
        display: none;
        }

    .product-table p
        {
        margin: 0;
        }
    
    .product-table table, .product-table table td,
    .product-table table td:first-child
        {
        margin: 0;
        padding: 0;
        border: 0;
        }

    .product-table table
        {
        float: right;
        }

    .product-data
        {
        float: left;
        clear: left;
        width: 300px;
        margin: 0 0 30px;
        border: 1px solid #d8d8d8;
        }

    .product-data th
        {
        border-right: 1px solid #d8d8d8;
        }

    .product-data td
        {
        font-weight: normal;
        }

    .parts-table
        {
        width: 640px;
        margin: 0 0 30px;
        }

    .parts-table .name
        {
        width: 320px;
        }

    #footnote
        {
        font-size: 11px;
        color: #888;
        }

    #footnote p
        {
        margin: 0 0 .5em;
        }

    #exploaded-view
        {
        float: left;
        width: 640px;
        margin: 0 0 30px;
        text-align: center;
        }

    #trouble-shooting
        {
        float: left;
        margin: 10px 0 30px;
        border: 1px solid #d8d8d8;
        border-width: 1px 0 1px 1px;
        }

    #trouble-shooting th
        {
        color: #03690d;
        border-bottom: 1px solid #d8d8d8;
        font-size: 13px;
        }

    #trouble-shooting th, #trouble-shooting td
        {
        border-right: 1px solid #d8d8d8;
        }

    #trouble-shooting .solution
        {
        font-weight: normal;
        }

    .small-right
        {
        float: right;
        margin: 0 0 30px 30px;
        border: 1px solid #d8d8d8;
        border-width: 1px 0 1px 1px;
        }

    .small-right th, .small-right td
        {
        border-right: 1px solid #d8d8d8;
        }

    #transporter-presentation
        {
        list-style: none;
        float: left;
        margin-left: -30px;
        }

    #transporter-presentation li
        {
        float: left;
        display: inline;
        width: 305px;
        margin: 15px 0 15px 30px;
        }

    #transporter-presentation img
        {
        float: right;
        margin: 0 0 15px 15px;
        }

/* 4: FORMS
============================================================================= */

    form
        {
        display: inline;
        }

    input.text, textarea
        {
        width: 332px;
        padding: 3px;
        background: #fff;
        font-size: 13px;
        }
    
    select.artal
        {
        width: 432px;
        padding: 3px;
        background: #fff;
        font-size: 13px;
        }
    
    .tillbaka
        {
        cursor: pointer;
        height: 27px;
        background: url(../bilder/btn-right.png) top right no-repeat, url(../bilder/btn-left.png) top left no-repeat;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
        font-weight: bold;
        font-size: 12px;
        color: #fff !important;
        border: none !important;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        }

    textarea
        {
        border-top: 1px solid #7c7c7c;
        border-right: 1px solid #c3c3c3;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #c3c3c3;
        font: 12px/160% Arial, Verdana, sans-serif;
        box-shadow: 3px 3px 3px #888888;
        }

    fieldset
        {
        border: none;
        margin: 0 0 30px;
        }

    legend
        {
        color: #03690d;
        font-size: 18px;
        font-weight: bold;
        }

    label
        {
        color: #454545;
        font-size: 12px;
        font-weight: bold;
        }

    select
        {
        margin: 0 10px;
        }

    .image-preview, .flash-preview
        {
        border: 1px solid #ccc;
        width: 80px;
        height: 80px;
        padding: 1px;
        margin: 0 10px 1em 0;
        float: left;
        padding: 5px;
        background: white;
        }

    .document-preview
        {
        float: left;
        width: 300px;
        height: 40px;
        }

    .search
        {
        display: none;
        float: left;
        width: 470px;
        margin: 0 0 20px;
        border: 5px solid #ccc;
        padding: 10px;
        background: #f5f5f5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        }

    .search form
        {
        height: 50px;
        display: block;
        }

    .search form input
        {
        float: left;
        }

    .search form .submit
        {
        width: auto !important;
        }

    .search h4
        {
        margin: 0 0 20px;
        }

    .search #image-list
        {
        list-style: none;
        float: left;
        clear: both;
        width: 450px !important;
        }

    .search #document-list li
        {
        width: auto !important;
        border: none;
        }

    .search #image-list li
        {
        float: left !important;
        width: auto !important;
        margin: 0 15px 10px 0;
        border: none;
        clear: none;
        }

    .search #image-list li img
        {
        border: 1px solid #ccc;
        padding: 5px;
        cursor: pointer;
        background: white;
        }

    .search #image-list li img:hover
        {
        border-color: #888;
        }

    #admin #image-list
        {
        margin-top: 30px;
        list-style-type: none;
        }

    #admin #image-list li.image-wrap
        {
        float: left;
        width: 300px;
        margin-bottom: 60px;
        }
    
    #admin #image-list .tag_list
        {
        margin-right: 10px;
        }

    .lock a
        {
        padding: 0 0 0 20px;
        margin-right: 10px;
        background: url(../bilder/icon-lock.png) 0 -2px no-repeat;
        font-size: 12px;
        }

    .unlock a
        {
        padding: 0 0 0 20px;
        margin-right: 10px;
        background: url(../bilder/icon-unlock.png) 0 -2px no-repeat;
        font-size: 12px;
        }

    .delete a
        {
        padding: 0 0 0 16px;
        margin-right: 10px;
        background: url(../bilder/icon-delete.gif) 0 -2px no-repeat;
        font-size: 12px;
        }

    .add a
        {
        margin: 20px 0 0;
        padding: 0 0 0 18px;
        margin-right: 10px;
        background: url(../bilder/icon-plus.gif) center left no-repeat;
        font-size: 12px;
        }

    .edit a
        {
        padding: 0 0 0 20px;
        margin-right: 10px;
        background: url(../bilder/icon-edit.gif) 2px 0 no-repeat;
        font-size: 12px;
        }

    .sort-handle
        {
        background: url(../bilder/icon-move.gif) no-repeat;
        width: 16px;
        height: 16px;
        float: left;
        margin-right: 5px;
        text-indent: -20000px;
        text-align: left;
        }

    .sort-handle:hover
        {
        cursor: move;
        }

    form.formtastic .inputs .tags li
        {
        float: left;
        clear: none;
        margin: 0;
        padding: 0;
        border: none;
        }

    form.formtastic .inputs .tags li input
        {
        display: none;
        }

    form.formtastic .inputs .tags li label
        {
        width: auto;
        display: inline;
        margin: 3px;
        padding: 3px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #ccc;
        background: #eee;
        }

    form.formtastic .inputs .tags li label.active
        {
        border: 1px solid red;
        }

    .cancel-link
        {
        float: left;
        margin: -56px 0 0 200px !important;
        }

    .prices
        {
        float: left;
        display: inline;
        width: 270px;
        margin: -15px 0 20px 140px;
        padding: 10px 15px;
        background: #fffce7;
        border: 1px solid #e6d8d3;
        }

    .prices p strong
        {
        text-align:right;
        width: 100px;
        display: inline-block;
        }

    .prices p span
        {
        width: 165px;
        display: inline-block;
        }

    #price-accessories
        {
        margin-top: 5px;
        }

    #price-summary
        {
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid #e6d8d3;
        }

    #price-summary strong
        {
        font-weight: bold;
        }

    #package-image
        {
        float: right;
        margin-top: 20px;
        }

/* Knappar */
    input.loggainknapp
        {
        cursor: pointer;
        background-image: url(../bilder/btn-left.png) top left no-repeat;
        text-align: center;
        }

    .loggainknapp
        {
        cursor: pointer;
        height:27px;
        background: url(../bilder/btn-right.png) top right no-repeat;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
        font-weight: bold;
        font-size: 12px;
        color: #fff !important;
        border: none !important;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        }

    .btn, .btn-green, .btn-yellow, .btn-red, .btn-big-red, .btn-big-green, table .btn
        {
        display: block;
        float: left;
        height: 18px;
        padding-right: 8px;
        border: none !important;
        background: url(../bilder/btn-right.png) top right no-repeat;
        color: #fff !important;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
        font-weight: bold;
        font-size: 11px;
        overflow: hidden;
        white-space: nowrap;
        margin-right: 3px;
        cursor: pointer;
        }
        
    .btn span, .btn-green span, .btn-yellow span, .btn-red span, .btn-big-red span, .btn-big-green span, table .btn span
        {
        background: url(../bilder/btn-left.png) top left no-repeat;
        display: block;
        padding: 0 0 0 8px;
        line-height: 18px;
        }

    .btn:hover, .btn-green:hover, .btn-yellow:hover, .btn-red:hover, .btn-big-red:hover, .btn-big-green:hover, table .btn:hover
        {
        text-shadow: 0 0 20px #fff;
        text-decoration: none;
        }

    .btn:active, .btn-big-green:active
        {
        background: url(../bilder/btn-right.png) top right no-repeat;
        }
        
    .btn-green:active
        {
        background: url(../bilder/btn-right-green.png) top right no-repeat;
        }

    .btn-yellow:active
        {
        background: url(../bilder/btn-right-yellow.png) top right no-repeat;
        }

    .btn-red:active
        {
        background: url(../bilder/btn-right-red.png) top right no-repeat;
        }
    
    .btn-big-red:active
        {
        background: url(../bilder/btn-big-red-right.png) top right no-repeat;
        }

    .btn, .btn-big-red, .btn-big-green
        {
        height: 27px;
        font-size: 12px;
        }
    
    .btn span, .btn-big-red span, .btn-big-green span
        {
        line-height: 27px;
        }

    table .btn
        {
        height: 18px;
        font-size: 11px;
        padding-right: 8px !important;
        }

    table .btn span
        {
        line-height: 18px;
        }

    .btn-green, table .btn
        {
        background: url(../bilder/btn-right-green.png) top right no-repeat !important;
        }

    .btn-green span, table .btn span
        {
        background: url(../bilder/btn-left-green.png) top left no-repeat !important;
        }

    .btn-yellow
        {
        background: url(../bilder/btn-right-yellow.png) top right no-repeat;
        }

    .btn-yellow span
        {
        background: url(../bilder/btn-left-yellow.png) top left no-repeat;
        }

    .btn-red
        {
        background: url(../bilder/btn-right-red.png) top right no-repeat;
        }

    .btn-red span
        {
        background: url(../bilder/btn-left-red.png) top left no-repeat;
        }
    
    .btn-red:active
        {
        background: url(../bilder/btn-right-red.png) top right no-repeat;
        }

    .btn-big-red
        {
        background: url(../bilder/btn-big-red-right.png) top right no-repeat;
        }
    
    .btn-big-red span
        {
        background: url(../bilder/btn-big-red-left.png) top left no-repeat;
        }

    .btn-big-green
        {
        background: url(../bilder/btn-right.png) top right no-repeat;
        }
    
    .btn-big-green span
        {
        background: url(../bilder/btn-left.png) top left no-repeat;
        }

/* Lists */

    ol
        {
        list-style-type: none;
        }

    .inline
        {
        list-style: none; margin: 0;
        }

    .inline li
        {
        display: inline;
        margin: 0 0 0 3px;
        padding: 0 0 0 7px;
        border-left: 1px solid #bbb;
        }

    .inline li:first-child
        {
        margin: 0;
        padding: 0;
        border: none;
        }

/* 5: NOTICES AND ERRORS
============================================================================= */

    #flash-msg .notice, #flash-msg .error, #flash-msg .success, #flash-msg .flash
        {
        padding: 0;
        position: fixed;
        color: #5a7529;
        background: #c8e791;
        border-top: 4px solid #bedb8a;
        border-bottom: 1px solid #869f61;
        text-shadow: 0 1px 1px #fff;
        font-weight: bold;
        padding-top: 50px;
        padding-bottom: 50px;
        font-size: 25px;
        top: 0;
        width: 100%;
        border-radius: 5px;
        box-shadow: 10px 10px 5px #888888;
        cursor: crosshair;
        line-height: 30px;
        }

    #flash-msg .error
        {
        color: #9e2a17;
        background: #eca89d;
        border-top: 4px solid #e09f95;
        border-bottom: 1px solid #c34f46;
        }

/* Contact page */

    .vcard div
        {
        margin-bottom: 1em;
        }

    #contact-persons .vcard
        {
        position: relative;
        float: left;
        width: 270px;
        min-height: 110px;
        margin: 20px 20px 0 0;
        padding: 15px 20px;
        background: #f1f1f1;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        text-align: right;
        }

    #contact-persons .even
        {
        margin-right: 0 !important;
        }

    #contact-persons .vcard .fn
        {
        font-size: 15px;
        margin: 0;
        }

    #contact-persons .vcard .org
        {
        display: none;
        }
    
    #contact-persons img
        {
        position: absolute;
        left: 20px;
        bottom: 0;
        }

/* Checkout */

    #checkout-pallet
        {
        width: 100%;
        margin: 0 0 30px;
        border-bottom: 1px solid #d8d8d8;
        font-size: 12px;
        }

    #checkout-pallet td
        {
        border-top: 1px solid #d8d8d8;
        }

    #checkout-pallet .product
        {
        border-left: 1px solid #d8d8d8;
        }

    #checkout-pallet .remove
        {
        border-right: 1px solid #d8d8d8;
        }

    #checkout-pallet .orderhistorik
        {
        border-left: 1px solid #d8d8d8; border-top: none;
        }

    #checkout-pallet .orderhistorikunder
        {
        border-left: none;
        border-top: none;
        }

    #checkout-pallet .orderhistoriksist
        {
        border-right: 1px solid #d8d8d8; border-top: none;
        }
    
    #checkout-pallet .btn-yellow, #checkout-pallet .btn-red
        {
        float: right;
        margin-left: 10px;
        }

    #checkout-pallet .package-content td
        {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        }

    #checkout-pallet .package-content
        {
        padding: 0;
        border-right: 1px solid #d8d8d8;
        font-weight: normal;
        color: #888;
        font-size: 11px;
        }

    #checkout-pallet .package-content td
        {
        margin: 0;
        padding: 0 10px;
        border-top: 0;
        }

    #checkout-pallet tbody.odd td
        {
        background: #fff;
        }

    #checkout-pallet tbody.even td
        {
        background: #f3f2f0;
        }
    
    #checkout-pallet tbody tr.package-content:last-child td
        {
        padding-bottom: 4px !important;
        }

    .change-amount
        {
        float: left;
        width: 100%;
        margin: -15px 0 0;
        }

    .change-amount input, .change-amount a
        {
        float: right;
        }

    #transporter
        {
        float: left;
        list-style: none inside;
        width: 450px;
        margin-left:0px;
        }

    #transporter li
        {
        float: left;
        display: inline;
        margin: 0 10px 10px 0;
        background: #f6f5f3;
        border: 1px solid #d8d8d8;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        text-align: center;
        }

    #transporter li label
        {
        display: block;
        width: 98px;
        padding-bottom: 10px;
        border: 1px solid #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        cursor: pointer;
        }

    #transporter li label.selected, #transporter li label.selected:hover
        {
        border: 1px solid #03690d;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        }
    
    #transporter li label:hover
        {
        text-decoration: none;
        background: #e3f6dc;
        }

    #transporter img
        {
        margin: 15px 6px 0;
        }

    .address
        {
        float: left;
        width: 325px;
        margin-right: 10px;
        }

    .invoice-address
        {
        float: left;
        }

    .address-box
        {
        width: 283px;
        padding: 20px;
        background: #f6f5f3;
        border: 1px solid #d8d8d8;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        }

    .address-box p
        {
        float: right;
        font-size: 11px;
        }

    .address-box span
        {
        display: block;
        }

    .address-box input.text
        {
        width: 272px;
        margin: 0 0 10px;
        }

    #order
        {
        float: right;
        width: 178px;
        padding: 20px 0 0;
        border: 1px solid #d8d8d8;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        }

    #order table
        {
        font-size: 12px;
        width: 178px;
        margin-bottom: 30px;
        }

    #order th, #order td
        {
        margin: 0;
        padding: 0 10px;
        font-weight: bold;
        white-space: nowrap;
        }

    #order td
        {
        color: #03690d;
        float: right;
        }

    #order .vat th, #order .vat td
        {
        padding-bottom: 15px;
        }

    #order .to-pay
        {
        background: #f6f5f3;
        }

    #order .to-pay th
        {
        padding: 10px 0 10px 10px !important;
        }

    #order .to-pay td
        {
        padding: 10px 10px 10px 0 !important;
        font-size: 14px;
        }

    #order .order-btn
        {
        float: left;
        width: 178px;
        margin: 0;
        padding: 0;
        background: url(../bilder/bg-order-btn.png) top left no-repeat;
        text-align: center;
        font-weight: bold;
        }

    #order .order-btn a
        {
        display: block;
        width: 178px;
        padding: 18px 0;
        color: #fff;
        background: none;
        font-size: 13px;
        text-shadow: 0 -1px 1px #135a1c;
        }

    #order .order-btn a:hover
        {
        border: none;
        text-decoration: none;
        text-shadow: 0 2px 40px #fff;
        }

/* Tables */

    table
        {
        border-collapse: collapse;
        font-size: 11px;
        font-weight: bold;
        }
  
    table caption
        {
        margin: 0 0 5px;
        color: #03690d;
        font-size: 15px;
        text-align: left;
        }
  
    table th, table td
        {
        padding: 4px 8px;
        text-align: left;
        }

    table th
        {
        color: #000;
        }
    
    table .even td, table .even th
        {
        background: #fff;
        }

    table .odd td, table .odd th
        {
        background: #f3f2f0;
        }

    table .amount
        {
        text-align: right;
        }

    table .amount input
        {
        float: right;
        width: 30px;
        text-align: right;
        }

    table .amount-parts
        {
        float: left;
        width: 60px;
        text-align: right;
        }

    table .price
        {
        text-align: right;
        }

    table .data
        {
        text-align: right;
        }

    table .highlighted
        {
        color: #03690d;
        font-weight: bold;
        }
    
    table .last
        {
        border-right: 1px solid #d8d8d8;
        }
    
    table a
        {
        border: none !important;
        }

/* 6: OVERLAY
============================================================================= */

    div.overlay, .overlay-diagram
        {
        position: fixed;
        width: 600px;
        height: auto;
        display: none;
        text-align: center;
        left: 50%;
        right: 50%;
        top: 10%;
        margin-left: -300px;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        background-color: #FFFFFF;
        box-shadow: 10px 10px 5px #888888;
        padding: 10px 10px 10px 10px;
        /*cursor: url('/bilder/stang_bild.ico'), pointer;*/
        cursor: crosshair;
        z-index: 901;
        }

    div.overlay div.close
        {
        background-image: url(../bilder/close.png);
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
        height: 35px;
        width: 35px;
        }

    div.overlay.black
        {
        background: url(../bilder/transparent.png) no-repeat !important;
        color: #fff;
        }

    div.overlay.petrol
        {
        background: url(../bilder/petrol.png) no-repeat !important;
        color: #fff;
        }
    
    div.black h2, div.petrol h2
        {
        color: #ddd;
        }

    table.toolbar1 th, table.toolbar1 td
        {
        padding:4px;
        }

    input.submit_button, a.gron_knapp
        {
        position: relative;
        min-width: 70px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        color: #FFFFFF;
        border: 0;
        border-radius: 2px;
        background: linear-gradient(#56ad64, #1b7329);
        display: block;
        cursor: pointer;
        float: right;
        }
    
    input.submit_button:hover, a.gron_knapp:hover
        {
        font-weight: bold;
        box-shadow: 3px 3px 3px #888888;
        }
    
    input.submit_button_rest
        {
        position: relative;
        min-width: 70px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        color: #FFFFFF;
        border: 0;
        border-radius: 2px;
        background: linear-gradient(#d66c6c, #871515);
        display: block;
        cursor: pointer;
        float: right;
        }
    
    input.submit_button_rest:hover
        {
        font-weight: bold;
        box-shadow: 3px 3px 3px #888888;
        }    
    
    a.create_package
        {
        position: relative;
        top: 5px;
        margin-bottom: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        color: #FFFFFF;
        border: 0;
        border-radius: 2px;
        background: linear-gradient(#d3b167, #98701a);
        display: block;
        cursor: pointer;
        float: right;
        }

    a.create_package:hover
        {
        font-weight: bold;
        box-shadow: 3px 3px 3px #888888;
        }
    
    input.amount
        {
        position: relative;
        width: 50px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        float: right;
        border-radius: 2px;
        border: 1px solid #03690d;
        display: block;
        }
    
    a.cancel
        {
        position: relative;
        top: 5px;
        margin-bottom: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        color: #FFFFFF;
        border: 0;
        border-radius: 2px;
        background: linear-gradient(#d66c6c, #871515);
        display: block;
        cursor: pointer;
        float: right;
        }

    a.cancel:hover
        {
        font-weight: bold;
        box-shadow: 3px 3px 3px #888888;
        }
    
    input.allman
        {
        position: relative;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 2px;
        border: 1px solid #d5d5d5;
        display: block;
        margin-bottom: 5px;
        box-shadow: 3px 3px 3px #888888;
        }
    
    input.sok
        {
        margin-top: -5px;
        background-image: url(../bilder/forstoringsglas.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
        padding-left: 5px;
        padding-right: 25px;
        box-shadow: none;
        }

/* Interna sidan */
    form.garantier input, select
        {
        margin-top: 5px;
        padding: 3px;
        }

    form.garantier table
        {
        display: inline-block;
        vertical-align: top;
        }

    .fixed_sidebar
        {
        position: fixed;
        top: 135px;
        }

    .pallet_fixed
        {
        position: fixed;
        top: 140px;
        margin-left: 30px;
        z-index: 899;
        }
    
    .sida_loading
        {
        top: 0;
        left: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #000000;
        opacity: 0.1;
        z-index: 998;
        display: none;
        }
        
    .loading
        {
        left: 50%;
        right: 50%;
        top: 25%;
        margin-left: -60px;
        position: fixed;
        border: 36px solid #e2e2e2;
        border-radius: 50%;
        border-top: 36px solid #03690d;
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        display: none;
        z-index: 999;
        }

    div.lagersaldo_ikon
        {
        display: block;
        float: right;
        }

    img.lagersaldo
        {
        float: right;
        padding-right: 10px;
        height: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        }

    span.lagersaldo
        {
        display: none;
        }

    img.lagersaldo:hover ~ span.lagersaldo
        {
        position: absolute;
        margin-top: -30px;
        white-space: nowrap;
        width: auto;
        height: auto;
        background-color: #efeeea;
        border-radius: 3px;
        border: 1px solid #ddd5ca;
        padding: 5px 5px 5px 5px;
        box-shadow: 10px 10px 5px #888888;
        text-align: center;
        font-size: 15px;
        z-index: 10000;
        display: block;
        }
        
    div.lagersaldo
        {
        position: absolute;
        background-color: #FFFFFF;
        border-radius: 2px;
        border: 1px solid #d5d5d5;
        box-shadow: 3px 3px 3px #888888;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 5px;
        margin-left: -15px;
        display: none;
        }

    @-webkit-keyframes spin
        {
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
        }

    @keyframes spin
        {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
        }
    
    a.addfraga, a.tabortfraga
        {
        cursor: pointer;
        }