/* == CSS / JORDKLOK.SE == */

    body {
    background-color: #fff25b;
    }

    * { 
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    list-style-type: none;
    list-style: none;
    text-decoration: none;
    font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
    }
    
    :focus { 
    outline: 0;
    }

    a:link, a:visited, a:active {
    text-decoration: none; color: #4a82a7;
    }
    a:hover {
    text-decoration: underline; color: #333;
    }

    /* EFFEKT KUNDKORGEN*/
    .ui-effects-transfer {border:1px solid #333333; z-index:999;}

    /* LOADER TABB*/
    #preloader {
    width:100%; height:100%; margin:0; padding:0;
    background: #fff url('/layouts/ebdesign1/loading.gif') no-repeat center center;
    position:absolute;
    z-index:999;
    }

    /* == TOTALCONTAINER == */
    #totalcontainer {
    clear: both;
    background-color: #fff;
    overflow: hidden;
    width: 990px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    box-shadow: 0px 2px 5px #777777;
    -webkit-box-shadow: 0px 2px 5px #777777;
    -moz-box-shadow: 0px 2px 5px #777777;
    }
    
    /* == HEADER == */
    #header {
    background: no-repeat top left url('/layouts/ebdesign1/header.png');
    width: 980px;
    height: 113px;
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 0px solid #f4f4f4;
    border-top: 0px solid #fff;
    border-left: 10px solid #fff;
    }

    #header .logo {
    display: block;
    position: absolute;
    margin-top: 61px;
    margin-left: 10px;
    }

    #header .slogan {
    display: block;
    position: absolute;
    font-size: 14px;
    font-family: Helvetica,Arial,sans-serif;
    color: #666;
    margin-top: 90px;
    margin-left: 180px;
    }

    .mywidget_headermeny {
    margin: 11px 0 0 0;
    display: block;
    float: right;
    }

    .mywidget_headermeny ul{
    margin: 0 0 0 0;
    width: 210px;
    height: 23px;
    display: block;
    float: right;
    }

    .mywidget_headermeny li{
    font-size:10px;
    display: block;
    color: #cccccc;
  float: left;
    padding: 2px 2px 2px 2px;
    }

    .mywidget_headermeny_text {
    padding: 5px 0px 0px 30px;
    font-size:10px;
    text-align: right;
    color: #333;
    }

    .mywidget_sok {
    margin: 2px 0px 0 0; width: 275px; display: block; float: right;
    }
    
    .webbkarta-ikon {
    padding-top: 3px;
    }


    .no_tdborder {
    border-bottom: 0; padding: 0;
    }
    
    .searchtable {
    padding: 0;
    }

    .searchtable .rounded {
    width: 185px;
    border-style: hidden;
    border-width: 0px;
    color: #333;
    font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
    padding-left:15px;
    padding-right:10px;
    padding-top: 10px;
    padding-bottom: 8px;
    font-size:11px;
    background-image: url('/layouts/ebdesign1/sokruta.png');
    background-color: transparent;
    margin-left:3px;
    }

    .skicka_knapp { 
    background-image: url('/layouts/ebdesign1/sokknapp.png'); 
    height: 15px; 
    width: 15px;
    background-color: transparent; 
    border: none; 
    margin-top:2px; 
    cursor: pointer;}

    #header .box {
    background: #fff;
    width: 200px;
    padding: 10px 15px;
    position: absolute;
    margin-top: 50px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-left: 670px;
    }
    
    #header .box h4 {
    font-size: 20px; font-weight: bold; color: #666; letter-spacing: -1px;
    }
    
    #header .box p {
    font-size: 12px; color: #666; line-height: 20px; 
    }
    
    
    /* == MENY == */

    /* Meny */
    #topmeny .meny ul                            {margin: 0 0 0 10px; padding: 0; width: 970px; height: 35px; background: url('/layouts/ebdesign1/meny.png') no-repeat; position: relative; float: left;}
    #topmeny .meny li                            {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
    #topmeny .meny li, .meny a, .meny li strong  {height: 35px; display: block;}
    #topmeny .meny ul a, .meny ul strong         {text-indent: -10000px; text-decoration: none;}
    /* Meny - Hem */
    #topmeny li.meny-hem                         {left: 0; width: 88px;}
    #topmeny li.meny-hem a:hover                 {background: url('/layouts/ebdesign1/meny.png') 0 -35px no-repeat;}
    #topmeny li.meny-hem strong                  {background: url('/layouts/ebdesign1/meny.png') 0 -70px no-repeat;}
    /* Meny - Om oss */
    #topmeny li.meny-omoss                   {left: 88px; width: 87px;}
    #topmeny li.meny-omoss a:hover           {background: url('/layouts/ebdesign1/meny.png') -88px -35px no-repeat;}
    #topmeny li.meny-omoss strong            {background: url('/layouts/ebdesign1/meny.png') -88px -70px no-repeat;}
    /* Meny - Kundservice */
    #topmeny li.meny-kundservice                     {left: 175px; width: 120px;}
    #topmeny li.meny-kundservice a:hover             {background: url('/layouts/ebdesign1/meny.png') -175px -35px no-repeat;}
    #topmeny li.meny-kundservice strong              {background: url('/layouts/ebdesign1/meny.png') -175px -70px no-repeat;}
    /* Meny - Varumärken */
    #topmeny li.meny-marken                      {left: 295px; width: 124px;}
    #topmeny li.meny-marken a:hover              {background: url('/layouts/ebdesign1/meny.png') -295px -35px no-repeat;}
    #topmeny li.meny-marken strong               {background: url('/layouts/ebdesign1/meny.png') -295px -70px no-repeat;}
    /* Meny - Certifieringar */
    #topmeny li.meny-certifieringar                {left: 419px; width: 129px;}
    #topmeny li.meny-certifieringar a:hover        {background: url('/layouts/ebdesign1/meny.png') -419px -35px no-repeat;}
    #topmeny li.meny-certifieringar strong         {background: url('/layouts/ebdesign1/meny.png') -419px -70px no-repeat;}
    /* Meny - Företagskunder */
    #topmeny li.meny-foretagskunder              {left: 548px; width: 144px;}
    #topmeny li.meny-foretagskunder a:hover      {background: url('/layouts/ebdesign1/meny.png') -548px -35px no-repeat;}
    #topmeny li.meny-foretagskunder strong       {background: url('/layouts/ebdesign1/meny.png') -548px -70px no-repeat;}
    /* Meny - Kontakt */
    #topmeny li.meny-kontakt                     {left: 692px; width: 122px;}
    #topmeny li.meny-kontakt a:hover             {background: url('/layouts/ebdesign1/meny.png') -692px -35px no-repeat;}
    #topmeny li.meny-kontakt strong              {background: url('/layouts/ebdesign1/meny.png') -692px -70px no-repeat;}
    
    /* == CONTENT == */
    #content {
    background: #fff;
    width: 990px;
    padding: 8px 0 10px 0;
    display: block;
    margin: 0;
    float: left;
    }
    
    .widget, .mywidget {
    margin: 0 0 0 0;
    padding-bottom: 10px;
    width: 175px;
    /* font-size: 0; */
    display: block;
    }

    .mywidget_special {
    margin: 0; width: 175px; display: block; background: #fff;
    }

    .widget_startsida, .mywidget_startsida {
    margin: 0 0 10px 0;
    width: 175px;
    /* font-size: 0; */
    display: block;
    background: #fff;
    }

    .mywidget_special_startsida {
    margin: 0; width: 175px; display: block; background: #fff;
    }

    .tooltip {
    border-bottom: 0px dotted #000000;
    font-size: 11px;
    color: #000000; outline: none;
    cursor: help; text-decoration: none;
    position: relative;
    }
    
    .tooltip span {
    margin-left: -999em;
    position: absolute;
    }

    .tooltip:hover span {
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute; left: 0em; top: 20px; z-index: 50;
    margin-left: 0; width: 318px;
    }

    .tooltip:hover img {
    border: 0;
    margin: -10px 0 0 -60px;
    float: left;
    position: absolute;
    }

    .tooltip:hover em {
    font-family: Candara, Tahoma, Geneva, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
    }

    .classic {
    padding: 0.8em 1em;
    }
    
    .custom {
    padding: 0.5em 0.8em 0.8em 2em;
    }
    
    * html a:hover {
    background: transparent;
    }

    .classic {
    background: #FFFFAA; 
    border: 1px solid #FFAD33;
    }
    .critical {
    background: #FFCCAA; 
    border: 1px solid #FF3334;
    }
    .help { 
    background: #9FDAEE; 
    border: 1px solid #2BB0D7; 
    }
    .info {
    background: #f4f4f4; 
    border: 1px solid #e4e4e4; 
    padding:10px 20px 10px 20px;
    }
    .warning {
    background: #FFFFAA; 
    border: 1px solid #FFAD33;
    }

    /* == COLUMN_1 == */
    #column_1 {
    width: 175px;
    display: block;
    margin: 0 20px 0 10px;
    float: left;
    border: 0px solid #F7F4E3;
    }

    #column_2 {
    margin: 0 10px 0 0;
    }

    #column_2_forstasida {
    margin: 0 10px 0 0;
    }
    
    #column_1 h3 {
    padding: 8px 10px 0px 25px;
    width: 133px;
    }

    #column_1 h3, #column_2 h3 {
    background: #f0f1f0 no-repeat 0 0 url('/layouts/ebdesign1/produkter_header.png');
    font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
    border-right: 0px solid #e4e4e4; border-left: 0px solid #e4e4e4;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    margin: 0;
    width:140px;
    height: 27px;
    display: none;
    }

    #column_1 h3.special, #column_2 h3.special {
    background: #f4f4f4; 
    padding: 0px 0px 0px 0px; 
    color: #4A82A7; 
    font-style: normal; 
    font-size: 12px; 
    font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
    }
   
    #column_1 p {
    background: #f4f4f4;
    font-size: 11px;
    line-height: 16px;
    color: #666;
    display: block;
    width: 180px;
    margin: 0;
    padding: 10px;
    }
    
    #column_1 p b {
    color: #339aca;
    }
        
    #column_1 ul.information {
    background: #fff;
    font-size: 11px;
    padding: 10px;
    color: #666;
    margin: 0;
    }
    
    #column_1 ul.information li {
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
    }

    #column_1 li.noborder {
    border-bottom: none !important; 
    }    
    
    #column_1 ul.information li a:link,
    #column_1 ul.information li a:visited,
    #column_1 ul.information li a:active {
    display: block;
    color: #666;
    }
    
    #column_1 ul.information li  a:hover {
    color: #339aca;
    }
    
    .arrow {
    font-size: 14px;
    }
    
    p.kontaktuppgifter a:link,
    p.kontaktuppgifter a:visited,
    p.kontaktuppgifter a:active {
    color: #339aca;
    border-bottom: 1px solid #339aca;
    }
    p.kontaktuppgifter a:hover {
    color: #339aca; border: 0;
    }
    p.kontaktuppgifter .telefonnummer {
    font-size: 11px;
    color: #333;
    }
    p.kontaktuppgifter i {
    font-size: 11px;
    }
    p.kontaktuppgifter .adress { 
    display: block; 
    }
    p.kontaktuppgifter .telefon {
    display: block; 
    }
    p.kontaktuppgifter .epost {
    display: block; 
    }

    /* == COLUMN_1 PRODUKTMENY == */ 
    #box_toppen_kassa {display: block; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; height: 10px; width: 173px; background-color: #f4f4f4;}
    #box_botten_kassa {display: block; height: 6px; width: 175px; margin: 0 0 20px 0; background: #f4f4f4 no-repeat  url('/layouts/ebdesign1/produkter_botten_skugga_2.png') bottom;}
    #box_toppen_produkter {display: block; height: 18px; padding: 6px 0 6px 15px; background: no-repeat  url('/layouts/ebdesign1/produktkategorier2.png'); width: 165px; font-family: Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 13px; font-weight: bold; color: #fff;}
    #box_botten_produkter {display: block; height: 26px; width: 175px; margin: 0 0 10px 0; background: no-repeat #f0f1f0 url('/layouts/ebdesign1/produkter_botten_skugga.png') bottom;}
    #box_toppen_snabblankar {display: block; height: 18px; padding: 6px 0 6px 15px; background: no-repeat  url('/layouts/ebdesign1/produktkategorier2.png'); width: 165px; font-family: Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 13px; font-weight: bold; color: #fff;}
    #box_botten_snabblankar {display: block; height: 26px; width: 175px; margin: 0 0 10px 0; background: no-repeat #f0f1f0 url('/layouts/ebdesign1/produkter_botten_skugga.png') bottom;}

    #content_categories {margin-top: 0px; padding-top: 10px; display: block; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 0px solid #e4e4e4; background-color: #f4f4f4;}
    #content_categories ul.cl_0 {display: block; width: 153px; padding: 0px 10px 0px 10px; margin-bottom: 0; font: 11px bold Verdana,Geneva,Helvetica,Arial,sans-serif;}
    #snabblankar {margin-top: 0px; padding: 15px 0 0 15px; display: block; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 0px solid #e4e4e4; background-color: #f4f4f4; font-size: 11px; line-height: 1.3em;}

    /* UL_cl_0 */

    #content_categories ul.cl_0 li.cl_folded a:link,
    #content_categories ul.cl_0 li.cl_folded a:visited,
    #content_categories ul.cl_0 li.cl_folded a:active {font: 11px Verdana,Geneva,Helvetica,Arial,sans-serif;; font-weight: bold; color: #333; border-bottom: 1px solid #e4e4e4; text-decoration: none; display: block; background: #f4f4f4 no-repeat 5px 7px url('/layouts/ebdesign1/meny_pil.png'); padding: 4px 0 3px 15px;}
    #content_categories ul.cl_0 li.cl_folded a:hover {font-weight: bold; color: #fff; background: #75aede; text-decoration: none; background: #75aede no-repeat 5px 7px url('/layouts/ebdesign1/meny_pil_vit.png');}

    #content_categories ul.cl_0 li.cl_unfolded a:link,
    #content_categories ul.cl_0 li.cl_unfolded a:visited,
    #content_categories ul.cl_0 li.cl_unfolded a:active {font: 11px Verdana,Geneva,Helvetica,Arial,sans-serif; font-weight: bold; color: #333; text-decoration: none; border-bottom: 1px solid #e4e4e4; display: block; background: #f4f4f4 no-repeat 5px 7px url('/layouts/ebdesign1/meny_pil.png'); padding: 4px 0 3px 15px; }

    #content_categories ul.cl_0 li.cl_unfolded a:hover { text-decoration: none; color: #fff; background: #75aede no-repeat 5px 7px url('/layouts/ebdesign1/meny_pil_vit.png'); display: block;}

    /* UL_cl_1 */

    #content_categories ul.cl_1 li.cl_folded a:link,
    #content_categories ul.cl_1 li.cl_folded a:visited,
    #content_categories ul.cl_1 li.cl_folded a:active {margin: 0; font: 11px Verdana,Geneva,Helvetica,Arial,sans-serif; border-bottom: 1px solid #e4e4e4; color: #4A82A7; display: block; background: #f4f4f4; padding: 4px 0 3px 25px;}
    #content_categories ul.cl_1 li.cl_folded a:hover { color: #fff; background: #75aede;}

    #content_categories ul.cl_1 li.cl_unfolded a:link,
    #content_categories ul.cl_1 li.cl_unfolded a:visited,
    #content_categories ul.cl_1 li.cl_unfolded a:active {margin: 0; color: #fff; background: #75aede; font: 11px Verdana,Geneva,Helvetica,Arial,sans-serif; display: block; padding: 4px 0 3px 25px; }
    #content_categories ul.cl_1 li.cl_unfolded a:hover {color: #fff; background: #75aede; display: block; }

    /* UL_cl_2 */

    #content_categories ul.cl_2 li.cl_folded a:link,
    #content_categories ul.cl_2 li.cl_folded a:visited,
    #content_categories ul.cl_2 li.cl_folded a:active {height:21px; line-height:21px; color: #a7a7a7; display: block;}
    #content_categories ul.cl_2 li.cl_folded a:hover { color: #4A82A7; }

    #content_categories ul.cl_2 li.cl_unfolded a:link,
    #content_categories ul.cl_2 li.cl_unfolded a:visited,
    #content_categories ul.cl_2 li.cl_unfolded a:active {height:21px; line-height:21px; color: #339aca; font-size: 10px; display: block; margin-left: 30px; }
    #content_categories ul.cl_2 li.cl_unfolded a:hover { color: #4A82A7; font-size: 10px; display: block; margin-left: 30px; }

    /* UL_cl_3 */

    #content_categories ul.cl_3 li.cl_folded a:link,
    #content_categories ul.cl_3 li.cl_folded a:visited,
    #content_categories ul.cl_3 li.cl_folded a:active { color: #a7a7a7; display: block; }
    #content_categories ul.cl_3 li.cl_folded a:hover { color: #4A82A7; }

    #content_categories ul.cl_3 li.cl_unfolded a:link,
    #content_categories ul.cl_3 li.cl_unfolded a:visited,
    #content_categories ul.cl_3 li.cl_unfolded a:active { color: #339aca; font-size: 11px; display: block; margin-left: 50px; }
    #content_categories ul.cl_3 li.cl_unfolded a:hover { color: #4A82A7; font-size: 11px; display: block; margin-left: 50px; }

    #content_categories li { border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; }

    /* == COLUMN MAIN == */
    #column_main {
    width: 610px;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    }
    
    #column_main_big {
    background: #fff;
    width: 760px;
    display: block;
    float: left;
    padding: 0px;
    }
        
    #column_main .column_content {
    background: #ffffff;
    float: left;
    display: block;
    width: 613px;
    padding-right: 0;
    }

    #column_main .column_content .content {
    padding: 0px; 
    }

    #column_main .column_content .content a:link, #column_main .column_content .content a:visited, #column_main .column_content .content a:active {
    color: #4A82A7;
    }

    #column_main .column_content .content a:hover {
    color: #333; border-bottom: 0;
    }

    #column_main h1 {
    font-size: 15px;
    font-family:Verdana,Geneva,Helvetica,Arial,sans-serif;
    line-height: 140%;
    color: #333;
    font-weight: bold;
    margin: 10px 0 5px 0;
    padding: 0;
    display: block;
    }

    #column_main h2 {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    line-height: 120%;
    margin: 20px 0 10px 0;
    display: block;
    }
    
    #column_main h3 {
    font-size: 10px;
    color: #333;
    width: 100%;
    font-weight: bold;
    margin: 10px 0 0px 0;
    display: block;
    }
   
    #column_main p {
    font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
    }
    
    /* == THE CART == */
    .finish_order, .finish_order td {
    font-size: 12px;
    text-align: left;
    }

   
    /* == COLUMN 2 == */
    #column_2 {
    display: block;
    float: right;
    width: 125px;
    font-size: 10px;
    line-height: 1.5em;
    padding-left: 32px;
    background: no-repeat #fff top left url('/layouts/ebdesign1/vertikal-avgransare.png');
    }

    #column_2_forstasida {
    display: block;
    float: right;
    width: 125px;
    font-size: 10px;
    line-height: 1.5em;
    padding-left: 32px;
    background: no-repeat #fff top left url('/layouts/ebdesign1/vertikal-avgransare-forstasida.png');
    }

    #column_2 h3 {
    background: none;
    padding: 5px 10px 5px 0px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #333333;
    margin: 0;
    }

    #facebook ul.trio { list-style: none; height: 48px;}
    #facebook ul.trio li { float: left; width: 125px; font-size: 11px; margin: 0;}
    #facebook ul.trio li a {color: #fff; font-family: "Lucida Grande",Verdana,Arial,sans-serif; font-weight: bold;}

    #frakt ul.trio {list-style: none; height: 73px; background:url('/layouts/ebdesign1/paket.png') no-repeat top right}
    #frakt ul.trio li {float: left;  width: 125px; font-size: 11px; margin: 0 0 0 0; padding: 0 0 0 0; }
    #frakt ul.trio li h6 {color: #ef3634; margin-top: 7px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; font-size: 14px; display: block; text-decoration: none; padding-bottom: 8px; }
    #frakt ul.trio li h6 a {color: #ef3634; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; font-size: 14px; text-decoration: none;}
    #frakt ul.trio li p a { font-size: 10px; line-height: 1.4em; font-weight: bold; color: #333333;}

    #nyhetsbrev ul.trio { list-style: none; height: 92px;}
    #nyhetsbrev ul.trio li { float: left; width: 125px; font-size: 11px; margin: 0 0 0 0; padding: 0 0 0 0; }
    #nyhetsbrev ul.trio li h6 {line-height: 1.3em; color: #333; margin-top: 0px; font-size: 14px; font-weight: bold; display: block; text-decoration: none; padding-bottom: 7px; }
    #nyhetsbrev ul.trio li p { font-size: 10px; line-height: 1.4em; padding-left: 0px;}

    #viskogen ul.trio { list-style: none; height: 56px; background:url('/layouts/ebdesign1/viskogen.png') no-repeat top right}
    #viskogen ul.trio li { float: left;  width: 125px; font-size: 11px; margin: 0 0 0 0; padding: 0 0 0 0; }
    #viskogen ul.trio li h6 { color: #333; margin-top: 7px; font-size: 14px; font-weight: bold; display: block; text-decoration: none; padding-bottom: 7px; }
    #viskogen ul.trio li p { font-size: 10px; line-height: 1.4em; padding-left: 0px; margin-right: 36px;}

    .bilder-hogerspalt ul.trio {list-style: none; height: 175px;}
    .bilder-hogerspalt ul.trio li {float: left; width: 125px; height: 175px; margin: 0; padding: 0 0 6px 0;}

    #marken select {border: 1px solid #e4e4e4; color: #333; font-weight: bold; padding: 3px; width: 125px; background-color: #f4f4f4; font-size: 11px;}
    #form_2 {padding: 5px 0px 5px 0px; margin-top:1px;}
    #marken    option {padding: 0px 5px; color: #000;}

    .avdelare {
    margin: 10px 0 9px 0;
    height: 4px;
    background: no-repeat #fff top left url('/layouts/ebdesign1/avdelare.png');
    }

    #nyhetsbrev .nyhetsbrevettable .nyhetsbrevet {
    width: 91px;
    float: left;
    border-style: hidden;
    border-width: 0px;
    color: #333;
    font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
    padding-left:7px;
    padding-right:7px;
    padding-top: 5px;
    margin-top: 6px;
    margin-bottom: 3px;
    padding-bottom: 5px;
    margin-right: 5px;
    font-size:10px;
    vertical-align: middle;
    background: no-repeat transparent url('/layouts/ebdesign1/nyhetsbrev2.png');
    }

    .information ul {
    padding: 0 0 0 15px;
    }

    .information li {
    font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
    font-size: 10px;
    padding: 1px 0px;
    line-height: 1.4em;
    list-style-image: url('/layouts/ebdesign1/punkt.png');
    }
    
    /* == FORMS == */
    .rounded {
    background: #f4f4f4;
    border:1px solid #e4e4e4;
    padding: 3px;
    font-size: 11px;
    font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
    color: #333;
    }
    
    .readonly, .readonly option {
    background: #eee !important;
    color: #aaa !important;
    }
    
    #form {
    display: block;
    margin: 0;
    padding: 0 10px 5px 10px;
    }
    
    #form .inputform {
    background: #f1f1f1;
    margin: 0 10px 0 0;
    color: #666;
    float: left;
    display: block;
    width: 110px;
    padding: 5px;
    font-size: 11px;
    }

    /* == FOOTER == */
    #footer {
    background: #fff;
    width: 964px;
    color: #333;
    padding: 7px 0px 6px 0px;
    margin: 2px 16px 0 16px;
    display: block;
    height: 17px;
    border-top: 4px dotted #75aede;
    float: left;
    text-align: center;
    }

    #footer .adress {font-size: 9px; }
    #footer .telefon {font-size: 9px; margin-left:20px;}
    #footer .copyright {font-size: 9px; margin-left:20px;}

    #footer a:link,
    #footer a:visited,
    #footer a:active {font-size: 9px; color: #4A82A7; text-decoration: none; }
    #footer a:hover {font-size: 9px; color: #333; text-decoration: underline; }

    /* == EBUTIK ==
    .ebutik { background: none;}
    .ebutik a:link, .ebutik a:visited, .ebutik a:active {font-family: arial, helvetica, sans-serif; padding-right: 10px; display: block; font-size: 10px; text-decoration: none; color: #333333; }
    .ebutik a:hover {color: #5ca4d4; }
    */

    /* == SHOPPING CART == */
    #shoppingcart_shoppingcart {
    display: block; width: 173px; min-height: 77px; text-align: left; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; background: #f4f4f4 no-repeat url('/layouts/ebdesign1/kundkorg.png') 120px 10px; padding: 10px 0 0 0; }

    #shoppingcart_shoppingcart .rubrik {
    width: 118px; height: 16px; margin: 0; padding: 0px 10px 0px 10px; color: #333; font-size: 12px; border-bottom: 0px dotted #ccc; }

    #shoppingcart_shoppingcart .rubrik b {
    color: #333; }

    #shoppingcart_shoppingcart .products {
    width: 118px; height: 16px; margin: 0; padding: 3px 10px 0px 10px; color: #333; font-size: 10px;}

    #shoppingcart_shoppingcart .noproducts {
    width: 153px; display: block; text-align: left; padding: 0; padding-left: 10px; margin: 5px 0 2px 0; height: 18px; font-size: 10px; color: #666; font-style: italic; line-height: 16px; }

    #shoppingcart_shoppingcart #shoppingcart_details {
    padding: 5px 10px 2px 8px; width: 157px; display: block; font-size: 10px; color: #666;}

    #shoppingcart_shoppingcart #shoppingcart_details a:link,
    #shoppingcart_shoppingcart #shoppingcart_details a:visited,
    #shoppingcart_shoppingcart #shoppingcart_details a:active {
    color: #4A82A7 ; font-size: 10px; padding: 0 5px 0 5px; width: 100px; display: block; text-decoration: none; }

    #shoppingcart_shoppingcart #shoppingcart_details a:hover {
    color: #333; text-decoration: underline; border-bottom: 0px;}

    #shoppingcart_shoppingcart #shoppingcart_details td.productname {
    float: left; text-align: left; width: 25px; color: #333; display: block; padding-top:0px;}

    #shoppingcart_shoppingcart #shoppingcart_details .trash {
    float: left; width: 8px; cursor: pointer;}

    #shoppingcart_shoppingcart #shoppingcart_details td.product_total_cost {
    text-align: right; padding-right: 0px; font-size: 10px; font-weight: bold; color: #ef3634;}

    #shoppingcart_shoppingcart .shoppingcart_thesum {
    height: 20px;
    padding: 5px 10px 5px 10px;
    margin: 0;
    font-size: 10px;
    color: #333;
    display: block;
    text-align: left;
    }

    #shoppingcart_shoppingcart .shoppingcart_thesum b {
    color: #ef3634; }

    #shoppingcart_shoppingcart .gotocart_container {
    display: block; 
    text-align: right; 
    padding-bottom: 10px;
    }

    #shoppingcart_shoppingcart .shoppingcart_thesum .button {
    text-align: right; 
    float: right; 
    margin: 0; 
    font-weight: bold; 
    font-size: 11px;
    }

    /* This CSS is used for the Show/Hide functionality. */
    .more {
    display: none;
    border-top: 0px solid #e4e4e4;
    border-bottom: 0px solid #e4e4e4;
    border-right: 0px solid #e4e4e4;
    border-left: 0px solid #e4e4e4;
    width: 173px;
    position:relative;
    z-index:89;
    background-color: #f4f4f4;
    }
   
    a.showLink, a.hideLink {
    text-decoration: none;
    padding-left: 10px;
    font-size: 10px;
    background: transparent url('/layouts/ebdesign1/down.gif') no-repeat left;
    }
   
    a.hideLink {
    background: transparent url('/layouts/ebdesign1/up.gif') no-repeat left; 
    display: block; 
    padding: 5px 0 10px 10px; 
    font-size: 10px;
    }
    
    a.showLink:hover, a.hideLink:hover {
    border-bottom: 0px dotted #36f;
    }

    /* == LIGHTBOX == */
    /*
    * jQuery Lightbox Plugin (balupton edition) - Lightboxes for jQuery
    * Copyright (C) 2008 Benjamin Arthur Lupton
    * http://jquery.com/plugins/project/jquerylightbox_bal
    */

    html, body {
    margin: 0; padding: 0;
    }

    #lightbox, #lightbox-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom:auto;
    right:auto;
    z-index:100;
    width:100%;
    height:auto;
    text-align:center;
    color:#333333;
    /* stop stupid conflicts */
    margin:0px;
    padding:0px;
    border:none;
    outline:none;
    line-height:0;
    /* general conflict stopper */
    text-decoration:none;
    background:none;
    word-spacing:normal;
    letter-spacing:normal;
    float:none;
    clear:none;
    display:block;
    }

    #lightbox a, #lightbox a:link, #lightbox a:visited {
    text-decoration:none; 
    font-style: italic; 
    color:#999999; 
    }

    #lightbox a:hover {
    color: #339ACA; 
    }

    #lightbox-overlay {
    z-index: 90;
    background-color:#000000;
    height: 100%;
    position:fixed;
    }

    #lightbox-overlay-text {
    text-align: right;
    margin-right: 20px;
    margin-top: 20px;
    color: white;
    font-size: 12px;
    cursor: default;
    line-height:normal;
    }

    #lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
    color:white; 
    }

    #lightbox-overlay-text span {
    padding-left:5px;
    padding-right:5px;
    }

    #lightbox img, #lightbox a img, #lightbox a { 
    border:none; 
    outline:none; 
    }

    #lightbox-imageBox {
    position:relative;
    background-color:white;
    padding: 5px;
    width:400px;
    height:400px;
    margin:0 auto;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    }

    #lightbox-imageContainer {
    padding:1px;
    }

    #lightbox-loading {
    position:absolute;
    top:40%;
    left:0%;
    height:25%;
    width:100%;
    text-align:center;
    line-height:0;
    }

    #lightbox-nav {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:10; 
    }
    
    /* #lightbox-imageBox > #lightbox-nav { left: 0; }
    #lightbox-nav a { outline: none; } */

    #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    display:block;
    width:49%;
    height: 100%;
    /* cursor:pointer; */
    zoom:1; /* who knows why? */
    padding:0px;
    margin:0px;
    }

    #lightbox-nav-btnPrev {
    left:0;
    right:auto;
    float:left; 
  background: url('/layouts/ebdesign1/lightbox-btn-prev.gif') left 15% no-repeat;
    }

    #lightbox-nav-btnNext {
      right:0;
    left:auto;
    float:right;
 background-position:0% 50%; 
    }

    /*
    .preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
    background:url('/layouts/ebdesign1/prev.gif') left 45% no-repeat; }
    .preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
    background:url('/layouts/ebdesign1/next.gif') right 45% no-repeat; }
*/
    

    #lightbox-infoBox {
    font-size:11px;
    background-color:#FFFFFF;
    margin:0 auto;
    padding:5px;
    /* width: 100%;
    padding: 0 10px 0; */
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px; 
    }

    #lightbox-infoContainer {
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    color:#666;
    line-height:normal;
    background: #fff;
    /* height:30px; */ 
    }

    #lightbox-infoHeader {
    width:100%;
    text-align:center;  }
    
    #lightbox-caption {
    text-align:justify; }
    
    #lightbox-caption-title {
    font-size: 14px;
    font-weight:bold; }
    
    #lightbox-caption-description {
    font-weight:normal;
    margin-bottom: 10px;
    }

    #lightbox-infoFooter {
    margin-top:3px;
    color:#999999; 
    }
    
    #lightbox-currentNumber {
    display:block;
    width:49%;
    float:left;
    font-size: 11px;
    font-style: italic;
    margin-top: 3px;
    text-align:left; 
    }
    
    #lightbox-close {
    display:block;
    width:45%;
    margin-top: 3px;
    float:right;
    text-align:right;
    }
    
    #lightbox-close-button{
    padding-left:30%; 
    }
    
    #lightbox-close-button:hover {
    color:#333;
    }

    #lightbox-infoContainer-clear {
    clear:both;
    visibility:hidden;
    }

    /* == HOVEREFFECTS == */

    .superhover {
    opacity: 0.80;
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    filter:alpha(opacity=80);
    }
    .nothing {opacity: 1; 
    }
    .nothing {opacity: 1;
    }

    /* == UNDERSIDOR == */
    #undersida {
    padding: 0 10px;
    }

    #undersida a:link, #undersida a:visited, #undersida a:active {
    color: #339ACA; 
    border-bottom: 0px solid #ccc;
    }

    #undersida a:hover {
    color: #ec6380; 
    border-bottom: 0;
    }

    #undersida .pink {
    color: #339ACA; 
    font-size: 14px;
    }

    #undersida .pink_number {
    float: left;
    color: #339ACA;
    font-weight: bold;
    font-size: 20px; 
    letter-spacing: -1px; 
    margin-right: 7px;
    }

    #forstasidan .brodtext a:link,
    #forstasidan .brodtext a:visited,
    #forstasidan .brodtext a:active {
    color: #333;
    }

    #forstasidan .brodtext a:hover {
    color: #339ACA; 
    border-bottom: 1px solid #ccc;
    }

    h3#h3_cart {
    background: no-repeat top left url('/layouts/ebdesign1/bkg_h3_small_cart_gray.gif');
    }

    h3#h3_productmenu {
    background: no-repeat top left url('/layouts/ebdesign1/bkg_h3_small_pink.gif');
    }

    /* == BREADCRUMBS == */
    .breadcrumbs {
    background: none;
    width: 610px;
    height: 17px;
    display: block;
    margin: 0;
    float: left;
    border-bottom: #ccc dotted 2px;
    }

    .breadcrumbs p {
    padding: 0 0 0 0;
    font-size: 10px;
    float: left;
    color: #ccc;
    }
           
    .breadcrumbs p.goback {
    float: right;
    font-size: 10px;
    padding: 0px 3px 0 3px;
    }
           
    .breadcrumbs p.goback a:link, .breadcrumbs p.goback a:visited, .breadcrumbs p.goback a:active {
    color: #4A82A7;
    text-decoration: none;
    }
            
    .breadcrumbs p.goback a:hover {
    text-decoration: underline; 
    color: #333;
    }
           
    .red_arrow {
    font-size: 14px;
    }

    .breadcrumbs a:link,
    .breadcrumbs a:visited,
    .breadcrumbs a:active {
    color: #999; 
    text-decoration: none; 
    font-size: 10px;
    }

    .breadcrumbs a:hover {
    text-decoration: underline;
    }
                    
    /* == VCARD == */

    .vcard {
    font-size: 11px; 
    padding: 10px; 
    color: #666;
    }
    .fn, .org {
    color: #339ACA; 
    font-weight: bold; 
    font-size: 14px;
    }
    .street-adress { }
    .locality {}
    .region { }
    .country-name { }
    .tel { }
    .email { }
    .type {
    display: none;
    }

    address p {
    margin: 0 0 5px 0; 
    padding: 0 !important; 
    }

    .vcard a:link, .vcard a:visited, .vcard a:active {
    color: #339ACA; 
    border-bottom: 1px solid #ccc;
    }
    .vcard a:hover {
    color: #333;
    }html,body{
   width:100%;
   height:100%;
}

#footer   {line-height: 10px;}

#minibild1 {
    float: left; padding: 10px 8px 0px 0px;}
#minibild2 {
    float: left; padding: 10px 8px 0px 0px;}
#minibild3 {
    float: left; padding: 10px 0px 0px 0px;}

#minitext1 {
    float: left; text-align: center; padding: 3px 8px 34px 0px; display: block; width:199px; color: #333; font-size: 9px;}
#minitext2 {
    float: left; text-align: center; padding: 3px 8px 34px 0px; display: block; width:199px; color: #333; font-size: 9px;}
#minitext3 {
    float: left; text-align: center; padding: 3px 0px 34px 0px; display: block; width:199px; color: #333; font-size: 9px;}

#femman p {float: right; width:380px; display: block; color: #333; font-size: 11px; padding: 30px 20px 0px 0px; font-family: Verdana,Geneva,Helvetica,Arial,sans-serif; line-height: 14px;}

#login_form input {
background-color: #fff;
border: solid 1px #ccc;
padding: 2px; }

.valkommen {
width: 520px;
display: block;
margin: 10px 0 0 0; }

.valkommen h1 {
font-family: arial, helvetica, sans-serif;
float: left;
color: #666 !important;
font-size: 21px !important;
letter-spacing: -1px !important;
font-weight: normal !important;
margin: 7px 0 7px 0 !important;
text-align: left; }

.valkommen h2 {
font-family: arial, helvetica, sans-serif;
color: #f33a61 !important;
font-size: 45px !important;
letter-spacing: -2px !important;
font-weight: normal !important;
margin: 0 0 0 0 !important;
text-align: left; }

#topmeny ul li.menu_item_1 {
background: #0b4763;
color: #fff; }

 /*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider {
    position:relative;
    min-height:275px;
    margin:0px 0px 0px 0px;
    background:#fff url('/layouts/ebdesign1/loading.gif') no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.nivo-controlNav {
    position:absolute;
    right:3px;
    bottom:5px;
  z-index:99;
}
.nivo-controlNav a {
    display:block;
    width:10px;
    height:10px;
    /* background:url('/layouts/ebdesign1/bullets.png') no-repeat; */
    font-size: 10px;
    border:0;
    margin-right:3px;
    float:left;
    color:#FFF25B;
}
.nivo-controlNav a.active {
    background-position:-10px 0;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url('/layouts/ebdesign1/arrows.png') no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:10px;
}
a.nivo-prevNav {
    left:10px;
}

.nivo-caption a { 
    text-decoration:underline;
}
  
/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
}
/* The slices in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
}
/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#333;
    color:#fff;
    opacity:0.8; /* Overridden by captionOpacity setting */
    width:613px;
    z-index:89;
}
.nivo-caption h4 {
    padding: 10px 25px 5px 25px;
    margin: 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial,sans-serif;
}

.nivo-caption p {
    padding:0px 25px 5px 25px;
    font-size: 11px;
    margin:0;
    text-decoration:none;
    color: #ffffff;
    line-height: 1.2em;
    font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
}

.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    bottom:19px;
    z-index:99;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    position:relative;
    z-index:99;
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
  text-decoration:underline;
  font-size: 10px;
}

/* == TIME OFFERED PRODUCTS == */

.time_offered_products .moreinfo_container {
width: 100%; display: block; text-align: center; }

.time_offered_products .moreinfo_container img {
text-align: center; margin: 0 auto; }

.time_offered_products .moreinfo_container a,
.time_offered_products .moreinfo_container img a {
display: block; width: 66px; height: 23px; }

.time_offered_products .moreinfo_container a:active {
background-position: 0px -23px; }

.time_offered_products .moreinfo_container a:hover img,
.time_offered_products .moreinfo_container a:active img { visibility: hidden; }

.time_offered_products .moreinfo_container a {
background: url(/layouts/ebdesign1/mer_info_x.gif) no-repeat;
margin: 0 auto; }

/* == PRODUKTER PÅ FÖRSTASIDAN == */

.time_offered_products_container {
float: left; display: inline; clear: both;}
                    
.time_offered_products {
width: 175px; margin: 19px 10px 10px 16px; float: left; display: block; padding-bottom: 5px; border-top: 0px dotted #ccc; border-bottom: 1px solid #e4e4e4;}

.time_offered_products .zoom { margin: 120px 0 0 200px; position: absolute; width: 29px; height: 23px; z-index: 99; }

.time_offered_products .image {
display: block; width: 100%; text-align: center; height: 120px; padding-bottom: 0px; }

.time_offered_products .h3_container { float: left; padding: 0 5px; width: 175px; height: 27px;}

.time_offered_products h3 {
display: block; font-size: 14px; height: 25px; font-weight: bold; float: left; color: #333; width: 100%; text-align: left; padding-bottom: 2px; }

.time_offered_products h3 a:link,
.time_offered_products h3 a:visited,
.time_offered_products h3 a:active {
color: #666; text-decoration: none; }

.time_offered_products h3 a:hover {
color: #333; width: 100%; text-decoration: underline; }
          
.time_offered_products .description_container {
background: #fff; display: inline-block; float: left; width: 175px; border-top: 0px dashed #ccc; padding: 0; }

.time_offered_products p.description {
font-size: 10px; color: #333; height: 15px; padding: 0px 0px 0 0px; display: inline-block; display: block; text-align: left; }

.time_offered_products .price_container {
width: 175px; float: left; border-top: 0px dashed #ccc; height: 100%; overflow: hidden; }

.time_offered_products table.price_cart { width: 175px; }

.time_offered_products .price_container td { border-bottom: 0; padding: 0; }

.time_offered_products .price_container td.price {
color: #ef3634; font-size: 12px; font-weight: bold; padding: 5px 0 11px 0; text-align: left; line-height: 100%; }

.time_offered_products .price_container td.button { text-align: center; padding: 0px 0 5px 0; line-height: 100%; height: 100%; }

.divider {
height: 2px; background: #ccc; width: 180px; margin: 10px; display: block; float: left; }
.product_base_price, .old-price {
font-size: 11px;
text-decoration: line-through;
padding-right: 5px;
color: black;
}
.sale { font-style: italic !important; }

.categoryobject .price_container,
.time_offered_products .price_container {
  height: 30px;
}


.buy_area_rightcol {
  position:relative;
}

#dialog {
  position:absolute;
  bottom:67px;
  left:0;
  background:red;
  border:1px dashed red;
  padding:10px;
  font-size:12px;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
}

#stock-sufficient,
#stock-insufficient {
  display:none;
  font-size: 11px;
  color: #333;
  font-weight: bold;
  clear: both;
  line-height: 20px;
  margin-top: 10px;
  padding: 10px 0 0 5px;
}

#stock-sufficient img,
#stock-insufficient img {
  float:left;
  margin-right:10px;
}