@import url("error.css");
/* Om radhöjd
standard radhöjd (i detta fall 18px) med önskad storlek på t ex H1 (24px), resultatet blir radhöjd i .em räknat. */

/* Body
----------------------------------------------------------------*/
body {background-color:#e1e1e1;color:#444;font:83% Arial, Helvetica, sans-serif}
html>body {font-size:11px}
p {font-size:1.0em;line-height:1.636364em;padding-bottom:1.636364em}
p.preamble {font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:1.181818em;line-height:1.384615em;padding-bottom:1.384615em}/*size:13px*/

/* Framework
----------------------------------------------------------------*/
div#pagetop {width:820px;height:85px;padding-top:15px;padding-left:40px;background-color:#fff;}
div#pagetop.admin {width:860px}
div#pagetop div#logo {float:left;width:500px;}
div#pagetop div#languages {float:right;width:auto;margin-top:60px;margin-right:20px}
div#wrapper {position:relative;margin:0 auto;width:904px;}/*904 bred*/
div#wrapper #christmas_wrap {position:absolute;left:582px;top:0;}
div#wrappercolleft {float:left;width:860px}
div#wrappercolright {float:left;width:44px}
div#wrappercolright div#login {margin-top:3.499996em;min-height:10.727262em}
div#wrappercolright div#logout {margin-top:0;min-height:10.727262em}
div#wrappercontent {background-color:#fff;}
div#wrapperbottom {margin:0 auto;width:860px}
/* Header
----------------------------------------------------------------*/
div#containerhead {background-color:#f3f4f5}
div#containerhead.default {min-height:29.090980em}
div#containerhead.assortment {min-height:43.181775em}
div#containerhead.admin {min-height:9.090900em}
div#containerhead.retailer {display:none}
div#containerhead.press {display:none}
div#containerhead.shop {display:none}

/* Body
----------------------------------------------------------------*/
div#containerbody {clear:both}
div#containerbody.retailer, div#containerbody.admin {background-image:none}
div#containerbody.admin div#bodyareaadmin {float:left;width:670px;margin-right:20px} /* 670px*/
div#sidebar {float:left;width:194px;margin-right:20px}/*194 bred*/
div#primarycontent {float:left;padding-top:3.272728em;padding-left:40px}
div#primarycontent_startpage {float:left;width:480px;padding-top:3.272728em;padding-right:40px}
div#secondarycontent_startpage {float:left;width:225px;padding-top:3.272728em;margin-right:70px;margin-left:35px}/*240 px bred*/
	div#secondarycontent_startpage div {}
	div#secondarycontent_startpage div a  {color:#818181;font-family: Georgia,"Times New Roman",Times,serif;text-decoration:none;font-size:1.636364em;line-height:1.0em}
	div#secondarycontent_startpage div a span {color:#ef69a5;text-decoration:none}
div#primarycontent.onecol {width:810px;padding-right:40px}/*810 bred*/
div#containerbody.admin div#primarycontent.onecol {width:670px;padding-top:20px;padding-left:0}/*670 bred*/
div#primarycontent.twocol {width:480px}/*480 bred*/
div#containerbody.admin  div#primarycontent.twocol {width:340px;padding-top:0;padding-left:0}/*340 bred*/
div#secondarycontent {float:left;width:240px;margin-left:70px;margin-right:20px}/*240 px bred*/
div#containerbody.admin div#secondarycontent {float:left;width:310px;margin-top:1.818180em;margin-left:20px;margin-right:0}/*310 px bred*/

div#containerbody div#primarycontent div#product_info {position:absolute;left:-9999px;}
/* Footer
----------------------------------------------------------------*/
div#pagefooter {clear:both;height:6.545456em}
div#pagefooter div#image {float:left;width:203px;margin-left:40px;padding-top:3.272728em}
div#pagefooter div#text {float:left;padding-top:4.909092em;color:#abaaaa;font-size:0.818181em;line-height:0.818181em;text-transform:uppercase}
div#icon_drawer {float:left;padding-top:1.5em;color:#aaa;font-size:0.75em;line-height:2.0em;}
div#icon_drawer a {color:#ccc;text-decoration:none;}
/* Headlines
----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color:#818181;font-family: Georgia,"Times New Roman",Times,serif;font-weight:normal}
h4, h5, h6 {font-weight:bold}
h1 {color:#a09f9f;font-size:3.636364em;line-height:0.45em}/*size:40px*/
h1.retailer {font-size:2.181818em;line-height:0.75em;padding-bottom:0.75em}/*size:24px*/
h2 {font-size:2.181818em;line-height:0.75em;padding-bottom:0.75em}/*size:24px*/
h2.push_startpage {font-size:1.636364em;line-height:1.0em;padding-top:0.375em;padding-bottom:0.375em}/*size:17px*/
h3 {font-size:1.636364em;line-height:1.0em;padding-top:0.375em;padding-bottom:0.375em}/*size:17px*/
h4 {font-size:1.272727em;line-height:1.285714em;padding-top:0.529412em;padding-bottom:0.529412em}/*size:13px*/
h5 {font-size:1em;line-height:1.636364em}/*size:11px*/
h6 {font-size:0.909091em;line-height:1.8em}/*size:10px*/
/* Top horisontal navigation
----------------------------------------------------------------*/
#navigation_main {float:left;width:100%;height:3.454542em;background:transparent url(/images/menu-top-bgr.png) repeat-x}
#navigation_main li {float:left;padding-top:0.909090em;padding-right:1.545453em;padding-left:1.545453em}
#navigation_main li.first {padding-left:3.636360em}
#navigation_main a {float:left;display:block;color:#eb3586;line-height:1.636364em;text-transform:uppercase;text-decoration:none}
#navigation_main a em {font-style:normal;}
#navigation_main a:hover {}
#navigation_main li.current {background:transparent url(/images/menu-top-bgr-current.png) no-repeat top center}
/* Admin navigation
----------------------------------------------------------------*/
#navadmin {clear:left;margin-left:0.833330em;background:#fff}
#navadmin li {border-bottom:0.083333em solid #838485;font-size:1.090909em;line-height:1.5em}
#navadmin li.first {border-top:0.083333em solid #838485}
#navadmin li.last {}
#navadmin li.loggedin {padding:0.454545em 0 0.454545em 0.666664em;color:#222;font-size:1.0em;line-height:1.5em;font-weight:700;padding-top:1.666660em;border-bottom:none;background:none}
#navadmin li.loggedin span {color:#000;font-weight:400}
#navadmin a {display:block;padding:0.416665em 0 0.416665em 0.666664em;color:#232425;font-size:1.0em;line-height:1.5em;text-transform:none;text-decoration:none}
#navadmin a:hover {color:#434445}
#navadmin a.current {color:#838485}

    /* Horizontal */
    #navadminsubhorizontal ul {float:left;width:100%;margin-bottom:0;background:transparent url(/images/demo/menu-admin-hor-sub-bgr-bottom.png) repeat-x bottom left}
    #navadminsubhorizontal li {float:left;margin:0;padding:0}
    #navadminsubhorizontal li.first {}
    #navadminsubhorizontal a {float:left;display:block;margin-right:0.083333em;padding:0.249999em 0.499998em;color:#222;font-size:1.090909em;line-height:1.5em;text-decoration:none;border:0.083333em solid #838485;border-bottom:none;background:#fff url(/images/demo/menu-admin-hor-sub-bgr-off.png) repeat-x top left}
    #navadminsubhorizontal a:hover {color:#838485}
    #navadminsubhorizontal a.current {color:#232425;padding-bottom:0.333332em;background:#838485}
    
        /* Horizontal */
        #navadminlowhorizontal {float:left;width:100%;background:#838485;padding-top:0.454545em}
        #navadminlowhorizontal li {float:left;padding-right:0;padding-left:1.454544em;background: url(/images/demo/menu-admin-hor-low-bgr-divider.png) no-repeat 0.666664em 0.454545em}
        #navadminlowhorizontal li.first {}
        #navadminlowhorizontal a {float:left;display:block;padding-bottom:0.454545em;color:#f9f9f9;font-size:1.0em;line-height:1.636364em;text-decoration:none}
        #navadminlowhorizontal a:hover {color:#434445}
        #navadminlowhorizontal a.current {color:#232425;background: url(/images/demo/menu-admin-hor-low-bgr-current.png) no-repeat center bottom}
        
        /* Horizontal */ 
        #navadminlowsubhorizontal {float:left;width:100%;padding-top:0.454545em;height:1.363635em}
        #navadminlowsubhorizontal li {float:left;padding-right:0;padding-left:1.454544em;background: url(/images/demo/menu-admin-hor-low-sub-bgr-divider.png) no-repeat 0.666664em 0.666664em}
        #navadminlowsubhorizontal li.first {}
        #navadminlowsubhorizontal a {float:left;display:block;padding-bottom:0.454545em;color:#131415;font-size:1.0em;line-height:1.636364em;text-decoration:none}
        #navadminlowsubhorizontal a:hover {color:#838485}
        #navadminlowsubhorizontal a.current {color:#232425;text-decoration:underline}
/* Text
----------------------------------------------------------------*/
.smalltext {font-size:0.909091em;line-height:1.8em}
.bigtext {font-size:1.181818em;line-height:1.384615em}
/* Margins (20px)
----------------------------------------------------------------*/
.topmargin {margin-top:2.727270em}
.rightmargin {margin-right:2.727270em}
.bottommargin {margin-bottom:2.727270em}
.leftmargin {margin-left:2.727270em}
/* Paddings
----------------------------------------------------------------*/
.notoppadding {padding-top:0}
.nobottompadding {padding-bottom:0}
/* Links
----------------------------------------------------------------*/
a {color:#ef69a5;text-decoration:underline}
/* Images
----------------------------------------------------------------*/
img {border-style:none}
img.right {float:right;margin-left:0.9em}/*20px*/
img.left {float:left;margin-right:0.9em}
/* Table with articles
----------------------------------------------------------------*/
table {width:100%}
caption {text-align:left;font-size:1.636364em;font-weight:700;line-height:1em}
thead th {padding-top:1.5em;text-align:left;font-size:1.090909em;line-height:1.5em;font-weight:700}
tbody td {vertical-align:middle;font-size:1em;line-height:1.636364em}
tbody tr.oddrow {background-color:#f9f9f9}
tbody tr:hover {}
tbody td.right {text-align:right}
/* Text colors
----------------------------------------------------------------*/
.darkest {color:#000}
.dark {color:#666}
.light {color:#ccc}
.lighter {color:#fff}
.red {color:#ff0000}
/* Puffar 
----------------------------------------------------------------*/
div.push {clear:both;padding-top:3.272728em;margin-left:10px;margin-right:10px}
div.push div {float:left;height:10.909093em;width:418px}
div.push div.bgr {background-color:#fdfdfd}
div.push div div h3 span {font-size:0.705882em;line-height:1.5em}
div.push div div.text {float:left;width:158px;margin:2.761364em 13px 0em 13px}
div.push div div.text a {float:right;margin-top:0.454545em;font-family: Georgia,"Times New Roman",Times,serif;font-size:1.181818em;line-height: 1.384615em}
div.push div div.image {float:right;width:200px;margin-right:20px}
div.push div.first {margin-right:4px}
div.push div.last {margin-right:0}
/* Retailer product list
----------------------------------------------------------------*/
div#printorderform {display:none;visibility:hidden}

#retailproductlist {}
#retailproductlist div#menu {margin-bottom:2.2222em}
#retailproductlist div#menu li {float:left;padding-left:1.1111em}
#retailproductlist div#menu li.first {padding-left:0}
#retailproductlist div#menu a {float:left;display:block;color:#818181;font-size:1.2727em;line-height:1.6363em;text-decoration:none}
#retailproductlist dl {}
#retailproductlist dd.img {clear:left;float:left;width:45px}
#retailproductlist dt {float:left;width:340px;font-weight:700;padding-bottom:10px}
#retailproductlist dt span {color:#666666;font-size:9px;font-weight:400}
#retailproductlist dt.assortment {clear:both;font-weight:700;font-size:1.272727em;line-height:1.285714em;padding-top:0.529412em;padding-bottom:0.529412em}
#retailproductlist dt.assortment a {color:#818181;text-decoration:none}
#retailproductlist dt.on {color:#bdbcbc}
#retailproductlist dd.num {float:left;line-height:2.5em}
#retailproductlist dd.divider {clear:both;border-top:0.090909em solid #eeeded;margin-top:0.909090em;padding-bottom:0.909090em;width:auto}
    /* Orderbasket */
    #retailorder {background-color:#f9f9f9}
    #retailorder dl {color:#616161;padding:1.818180em 2.272725em}
    #retailorder dt {font-size:1.6363em;line-height:1.0em;padding-top:0.5em;margin-bottom:0.5em}
    #retailorder dd.num {clear:left;float:left;width:3.636360em;line-height:1.6363em;font-weight:700;border-bottom:0.090909em solid #e5e5e5}
    #retailorder dd.product {float:left;width:12.727260em;line-height:1.6363em;border-bottom:0.090909em solid #e5e5e5}
    div#sendorder {background-color:#f9f9f9;border-top:0.090909em solid #fff}
    div#printorder {padding-top:10px}


/* ADMIN */
/* Logged in */
div#loggedin {float:left;margin-top:0.999999em;padding:0.181818em 1.818180em;font-size:0.909091em;line-height:1.8em}

/* Client order */
.retailorderprint {display:none;visibility:hidden}
.retailorderconfirm {font-size:1.0em;line-height:1.181817em}
.retailorderconfirm h1 {margin:0;font-size:15pt;color:#000;font-weight:400;font-family:Arial, Helvetica, sans-serif}
.retailorderconfirm p {margin:5px 0 0 0;font-size:10px}

.retailorderconfirm div.invoice {float:left;width:250px;margin-right:20px;padding:10px;border:1px #eee solid}
.retailorderconfirm div.invoice span {font-size: 0.818182em}
.retailorderconfirm div.delivery {float:left;width:250px;padding:10px;border:1px #eee solid;font-size:11px}
.retailorderconfirm div.invoice h3, .retailorderconfirm div.delivery h3 {color:#000;font-size:1.090909em;font-weight:400;font-family:Arial, Helvetica, sans-serif;margin:3px 0 10px 0;line-height:1.0}

.retailorderconfirm table {width:564px;float:left;margin-top:20px}
.retailorderconfirm table col.num {width:40px}
.retailorderconfirm table col.product {width:200px}
.retailorderconfirm table caption {text-align:left}
.retailorderconfirm table thead th {padding:5px 0;font-weight:400;font-style:italic;font-size: 0.909091em;border-top:1px #eee solid;border-bottom:3px #eee solid}
.retailorderconfirm table tr.orderrow td {padding:5px 0;border-bottom:1px #eee solid}
.retailorderconfirm table tr.orderrow td.head {font-weight:bold}

.retailorderconfirm input[type="button"] {float:right}

.salesreportprint {display:none;visibility:hidden}
#printwebshoporder {display:none;visibility:hidden}

/* Image bank
----------------------------------------------------------------*/
#navimagebank {float:left;width:100%;height:2.545455em;padding-top:0.909091em}
#navimagebank li {float:left}
#navimagebank li.first {}
#navimagebank a {float:left;display:block;padding-right:0.909090em;line-height:1.636364em}
#navimagebank a:hover {}
#navimagebank a.current {}

div#imagebank div {float:left;border:0.090909em #e5e5e5 solid;width:15.454530em;min-height:15.454530em;margin-bottom:0.909090em;margin-right:0.909090em}
div#imagebank p.image {min-height:10.909080em}
div#imagebank p.image img {padding-top:0.909090em;padding-left:0.909090em}
div#imagebank p.name {color:#fff;font-size:1.0em;font-weight:700;line-height:1.636364em;background-color:#818181;padding:0.181818em 0 0.181818em 0.909090em}
div#imagebank p a {}
div#imagebank p a img.icon {float:left;margin:0 0.909090em 0 0.454545em}
div#imagebanknav {clear:both;margin-top:1.818180em}
div#imagebanknav p#pages {font-size:1.0em;line-height:1.636364em}
div#imagebanknav p#pages a {padding:0 0.181818em}
div#imagebanknav p#pages a.current {font-size: 1.636364em}
div#imagebanknav p#sections {margin-top:1.363635em}

/* ClearFix
----------------------------------------------------------------*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display: inline-block}  
 /* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
 /* End Holly Hack */