/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles. 
 * Acts as the main stylesheet for theme.
 
 * ------------------------------------------------------- */
.cufon-loading body { visibility: hidden }

:root {
  --main-bg-color: #FFF;
  --blue: #3e60aa;
  --green: #00ff01;
  --main-txt-color: #343434; 
  /*--main-padding: 15px;*/ 
}
/* MAIN LAYOUT */
body {
    margin: 0;
    background: #ededed;
    min-width: 240px;
    min-height:100% ;
    -webkit-text-size-adjust: none;
}
.ie7 body,
.ie8 body {
    min-width: 860px
}
.main {
    background-color: #FFF;
    -webkit-border-top-left-radius: 18px;  
    -moz-border-radius-topleft: 18px;
    border-top-left-radius: 18px;

    width: 1140px;
    margin: 0 auto;
    padding: 0px 0 0px;
    background-color: #FFF;

    min-height: 200px;


}

#mainbottom { 
    width: 1140px;
    margin:0 auto;
/*    margin-bottom:20px;
    padding-bottom: 10px;
    background-color: #E7882A;*/
    /*    -moz-border-radius-bottomleft: 9px;
        -webkit-border-bottom-left-radius: 9px;
        border-bottom-left-radius: 9px;*/
}
#mainbottomleft , #mainbottomright   {
    float:left;
    /*height: 20px;*/
    height: 7px;
    background-color: #FFF;

    /*    -moz-border-radius-bottomleft: 9px;
        -webkit-border-bottom-left-radius: 9px;
        border-bottom-left-radius: 9px;*/




}

#mainbottomleft {
    width: 71% ;
    /*    -moz-border-radius-bottomright: 9px;
        -webkit-border-bottom-right-radius: 9px;
        border-bottom-right-radius: 9px;*/
}
#mainbottomright {
    width: 29%

}

.inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 30px;

}
.main .inner {
    min-height: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0 0 10px 0;

    /*    -webkit-border-bottom-right-radius: 18px;
        -webkit-border-bottom-left-radius: 18px;
        -moz-border-radius-bottomright: 18px;
        -moz-border-radius-bottomleft: 18px;
        border-bottom-right-radius: 18px;
        border-bottom-left-radius: 18px;*/
}
.ie6 .inner {
    width: 960px
}

.content {max-width: 100%}

/*.mainfiller {
    background-color: #FFF;
    -webkit-border-bottom-right-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    -moz-border-radius-bottomleft: 18px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
    margin-bottom: 10px;           
}


.content-container.mainfiller {
    -webkit-border-top-left-radius: 18px;  
    -moz-border-radius-topleft: 18px;
    border-top-left-radius: 18px;

}*/


.content-container {
    padding:30px;
}
#BreadC {margin-bottom: 18px}

#maincontent, .rightnav {
    padding-top: 20px;
    padding-top: 15px;
}
#maincontent {
    /*padding: 20px;*/
    padding-right: 20px;
    width: 70%;
    float:left;
    border-top: 2px solid var(--green);
  


    /*padding-right: 179px;*/
    /*width: 55%;*/
}

.rightnav {
    float: left;
    padding-left: 20px;
    width: 25%;

    border-top: 2px solid var(--green);
 
}



.rightnav hr  {
    border: 0;
    height: 0;
    border-top: 1px solid #006BBA;
    border-bottom: 1px solid #006BBA;
}


aside {
    float: left;
    width: 23%;
    margin-top: 12px;
}
.no-sidebar aside {
    display: none;
}


/* HEADER */
.header {
    /*background: #ededed url('../images/topbg.jpg')  no-repeat top center;*/
    height: 200px;
    height: 180px;
    background-color: #FFF
}
.header .inner {
    min-height: 105px;
    padding-bottom: 16px;
    padding-top: 30px;
    padding-top: 15px;
    position: relative;
}

/* Brand */
header .brand, header .brand:hover {
    float: left;
    color: #fff;
    display: inline-block;
}

header #TopMenuItems {
    position: absolute;top:10px;
    right:150px;
}
header #TopMenuItems.typography a { 
    display: inline-block;
    padding:0;
    color: #006BBA;
    border-right: 1px solid #006BBA;
    padding: 0px 5px;
    height: 12px;
    line-height: 10px;
}
header #TopMenuItems.typography a:hover {color:#E7882A}

header #TopMenuItems a:last-child {
    border:none;
} 



.brand {
    /*background: url("../images/logo.png") no-repeat scroll 53px top transparent;*/
    width: 500px;
    height: 80px;

    background: url("../images/labmixlogo.png") no-repeat scroll 53px top  transparent;
    background-size: 40% auto;
}

.brand h1 {
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    font-size: 48px;
    font-family: "HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1em;
}
.brand p {
    text-indent: -9999px;
    color: #888;
    margin-bottom: 22px;
}


#nocartitems {
    display: block;
    padding-top: 0;
    position: relative;
    /*top: 7px;*/
}

#nocartitems.empty {
    position: relative;
    top: 7px;
}

#rightnav_cart table {border-top: 1px solid #CCC}
#rightnav_cart .itemprice {display: none }

#carttable.checkout .nocheckout {display: none}
#carttable.checkout .cart_items_count {border: none;background-color: transparent;cursor:default;color:#333}

table#carttable.cart tbody tr td {padding: 5px}

table#carttable tbody tr th {
    background-color: #FFF!important;
    white-space: nowrap;
}

#carttable {width: 100%;border-bottom: 1px solid #CCC}
#cartsummary {text-align: right;font-weight: bold}



body.SearchPage   div.content-container {}

/* Search form */
.search-bar {
    position: absolute;
    right: 90px;
    top: 85px;
}
.search-bar #Search {
    margin: 0;
    padding: 0;
}
OLD.search-bar form input.text {
    width: 155px;
    padding: 5px 34px 5px 10px;
    color: #888;
    margin: 0;
    border: none;
    border-radius: 14px;
    background-color: #fff;
    /*background: transparent url('../images/search.png') no-repeat top center;*/
}

.search-bar form input.text {
    /*background: url("../images/search.png") no-repeat scroll center top transparent;*/
    /*background-color: var(--main-bg-color);*/
    border: 1px solid #CCC;
    color: #888888;
    height: 26px;
    margin: 0;
    padding: 1px 5px 2px 12px;
    width: 145px;
    font-size: 10px;
}

div#Search.field {width: auto;}

.webshoplinkbycart {width: 280px!important}

.linkdiv { cursor: pointer; }

.search-bar form input.action {
    opacity: 0;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: -1px;
    cursor: pointer;
    border: none;
    padding: 5px;
    background: none;
    /*font-family: 'WebSymbolsRegular';*/
    color: #848484;
    border-radius: 0;
    margin: 0;
}

#SearchForm_doSearch_action_results {color: transparent}
.search-bar form input.active,
.search-bar form input.action:hover {
    color: #000
}
.search-bar form input:focus,
.header textarea:focus {
    outline: none
}
.search-dropdown-icon {
    display: none
}



/* NAVIGATION */

/* Primary navigation */
#navouter {
    width: 100%;
    background-color: var(--blue);
    /*background: transparent url('../images/navbg.png') repeat-x  top center;*/
}

#navinner {width: 1240px}

nav.primary ul {
    /*float: right; margin:23px -12px 0 0;*/ 
    /*position:absolute; bottom:0; right:17px;*/
    padding-top:0px;

}
nav.primary {
    margin:0 auto;
    padding-top: 5px;
    background: transparent url('../images/navlibg.png')   top center;
    height: 40px;

}


nav.primary li#toplevel0 a { 
    padding-left:60px
}

nav.primary li.toplevel {
    float: left;

    /*height: 42px;*/
    height: 52px;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0px;
    position: relative;
    white-space: nowrap;
    display:block;  
    position:relative;  
}
nav.primary li#toplevel_markets.toplevel  , .marketsiblingactive  {
    height: 52px!important;
}


nav.primary li.toplevel  a.toplevellink {
    height: 40px;
    background-color: #006bba;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    height: 25px;
    padding-top: 8px;

}



nav.primary li:first-child  a.toplevellink {
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
}   

nav.primary li#toplevel_markets a.toplevellink {
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}   

.menumarketli {border:0px solid #CCC;margin-bottom: 20px;}
.menumarketli img {float: left;padding-right: 10px;}

div#megamenucontainer_markets.dropdown_columns div.prodcatstree {
    width: 100%;
}

#topmenuterminator {
    width: 50px!important;
    min-width: 50px!important;
    max-width: 50px!important;

}
nav.primary li#topmenuterminator a {
    background-color: #006BBA ;
    height: 27px;

}

.marketsiblingterminatoractive {
    background: URL('../images/blueroundcorner_BL.png') bottom left transparent no-repeat;
    width: 120px;
}

.activeproducttab a.toplevellink {
    background-color: #E7882A!important;
    -webkit-border-radius: 1px!important;
    border-radius: 1px!important;
    -moz-border-radius: 1px!important;

    -webkit-border-top-left-radius: 9px!important;
    -moz-border-radius-topleft: 9px!important;
    border-top-left-radius: 9px!important;

    -webkit-border-top-right-radius: 9px!important;
    -moz-border-radius-topright: 9px!important;
    border-top-right-radius: 9px!important;
}

#toplevel_markets.activeproducttab a.toplevellink {
    background-color: #006bba!important;
    -moz-border-radius-bottomleft: 0px!important;
    -webkit-border-top-right-radius: 0px!important;
    -moz-border-radius-topright: 0px!important;
    border-top-right-radius: 0px!important;
    height: 55px;
    xwidth: 500px;

}
.marketsiblingactive {
    background: URL('../images/blueroundcorner_BR.png') bottom right transparent no-repeat;

}

.toplevel a.toplevellink {
    padding-left: 20px;
    padding-right: 20px;
}

/*.toplevel {min-width: 150px;}
#toplevel170 {width: 200px;}*/


/*.dropdown_columns .column {border-right: 1px solid #CCC;margin-right: 10px;}*/

.dropdown_columns {  
    z-index: 998;
    position:absolute;  
    text-align:left;  
    border-top:none;  
    -webkit-border-bottom-right-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    padding-top:20px;
    /*min-height: 300px;*/
    background: #e7882a url('../images/megamenu_orange.jpg')  repeat-y top center;
    color:#FFF;
    display: none; /* Hides the drop down */  
}  



#megamenucontainer_markets {
    min-height: 250px;
}

#megamenucontainer_markets ul li  a {
    font-size: 14px;
    line-height: 26px;
}
.megamenucontainer_marketsicon {display: inline-block}

li#toplevel_markets .dropdown_columns {  
    background: url("../images/megamenu_blue.jpg") no-repeat scroll center 40px #006BBA;
}
#markets_gluer {
    position: absolute;
    left:-999em;
    background-color: #006BBA;
    border:0px solid red;
    width: 150px; 
    height: 15px;
}
.prodcatstree {
    border: 0px solid #CCC;
    width:82%;
    padding: 0 0 20px 20px;
    margin-bottom: 10px;margin-top: 0px;
    float:left
}
.column {
    margin-right: 10px;
    width: 23%!important;
}

.prodcatstree ul {
    clear:left;
}

.prodcatstree ul.topenylevel2list {
    margin-bottom: 10px;
}



nav.primary  .dropdown_columns li a {
    color: #FFF;
    font-size: 10px;
    font-family: Helvetica, Arial, sans-serif;
    padding: 0;
    display: block;
}
.prodcatstree li {
    line-height: 15px;
    white-space:normal;
}

nav.primary li.topenylevel1 { 
    margin-top: 10px

}

nav.primary li.topenylevel1 a {
    font-weight: bolder;
    font-size: 1.1em;

}

nav.primary li.topenylevel2 a {
    text-indent: 8px;
    font-size: 10px!important;
}

nav.primary li.topenylevel3 a {
    display: none;
    text-indent: 15px;
    font-size: 10px!important;
}

.markets_in_prodcat {
    float: left;width: 14%;
}
.onemarket_in_prodcat {
    border:0px solid red;
    /*clear:left;*/
    width: 100%
}
.onemarket_in_prodcat .mleft {
    background-color: #006DBE;

    float: left;
    height: 30px;
    margin: 4px;
    padding: 5px;
    width: 30px;

    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border-top-left: 9px;


}

.onemarket_in_prodcat .mleft img {  
    display: block;
    float: left;
    margin: -5px 0 0 -8px;
    padding: 0; 
}

.onemarket_in_prodcat .mright {
    display: none;
    background-color: #006dbe;
    float:left;
    margin:1px;
    height:100%;
    min-height: 40px;
    width:70%;

    -webkit-border-top-right-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    -moz-border-radius-bottomright: 9px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;


}



nav.primary li a {
    color: #FFF;
    font-size: 20px;
    font-family: Helvetica, Arial, sans-serif;
    padding: 6px 8px;
    display: block;
}
.minsize {display: none!important}
.minsize {
    font-size: 16.5px!important;
} 

.header .primary li a:hover {
    color: #fff
}
.header .primary li.section a,
.header .primary li.current a {
    color: #fff
}
.header .primary li.section:after,
.header .primary li.current:after {
    text-decoration: underline;

    /*    content: '}';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: -6px;
    font-family: 'WebSymbolsRegular';
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 20px;*/

}


/* When navigation and logo overlap tablet-nav is initialized */
/*.tablet-nav .brand p {
    margin-bottom: 0
}
.tablet-nav .header .inner {
    padding-top: 20px
}
.tablet-nav .header .primary ul {
    float: left;
    clear: both;
    position: relative;
    margin: 20px 0 0 -13px;
    
    right: auto;
}
.tablet-nav .header .primary ul li {
    white-space: nowrap;
}
.tablet-nav .header .primary ul li a {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}
.tablet-nav .footer .right {
    float: left;
    width: 100%;
}*/




/* Secondary navigation */
.main .secondary h3 {
    font-size: 20px;
    color: #b8b7b7;
    margin: 0 0 8px 0;
    font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
}
.main .secondary {
    border-bottom: 1px solid #e5e5e5
}
.main .secondary ul {
    padding: 0;
    margin: 0;
}
.main .secondary li {
    border-top: 1px solid #e5e5e5;
    position: relative;
    list-style-type: none;
    margin-bottom: 0;
}
.main .secondary li .arrow {
    color: #b80000;
    padding-right: 5px;
    display: block;
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    left: 2px;
    top: 7px;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}   


.main .secondary li a:hover .arrow {
    left: 6px
} 
.main .secondary li a {
    padding: 10px 0;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    color: #333;
    line-height: 17px;
    border-bottom: none;
    font-family: 'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
}
.main .secondary li .text {
    padding-left: 28px;
    display: block;
}
.main .secondary li.current a.current {
    color: #b80000;
}
.main .secondary li.section,
.main .secondary li.current {
    background-color: #f1f1f1
}
.main .secondary li.section a,
.main .secondary li.current a {
    color: #000
}
.main .secondary h3 {
    color: #aaa;
}

/* Secondary navigation 2-5 levels deep */
.main .secondary ul ul {					
    display: none;
}
.secondary ul li.current ul,
.secondary ul li.section ul {				/* Only show child pages from selected parent */
    display: block;
}
.secondary li.current ul ul {				
    display: none;
}
.main .secondary ul ul li a { padding-left: 10px; }	/* Indent all sidebar navigation levels*/
.main .secondary ul ul li a .arrow { left: 12px; }
.main .secondary ul ul li a:hover .arrow { left: 16px; }

.main .secondary ul ul ul li a { padding-left: 20px; }
.main .secondary ul ul ul li a .arrow { left: 22px; }
.main .secondary ul ul ul li a:hover .arrow { left: 26px; }

.main .secondary ul ul ul ul li a { padding-left: 30px; }
.main .secondary ul ul ul ul li a .arrow { left: 32px; }
.main .secondary ul ul ul ul li a:hover .arrow { left: 36px; }

.main .secondary ul ul ul ul ul li a { padding-left: 40px; }
.main .secondary ul ul ul ul ul li a .arrow { left: 32px; }
.main .secondary ul ul ul ul ul li a:hover .arrow { left: 36px; }

.main .secondary li a:hover,
.main .secondary li.section a:hover,
.main .secondary li.current a:hover {
    color: #b80000;
}




/* MIXED */
header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,

.search-bar form input.action,
.header .primary li a,

body h1 span.amp {
    /*    font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
        font-style: italic;*/
}


/* PAGE SPECIFIC LAYOUT */
/* Homepage */

/* Search Results */	
.typography .searchResults h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}								/* TODO: Test search results styles */
.searchResults p.searchQuery {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}
.searchResults ul#SearchResults {
    padding: 0;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5;
}
.searchResults ul#SearchResults li {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    list-style-type: none;
}
.searchResults ul#SearchResults p {
    margin-bottom: 10px
}
.searchResults #PageNumbers {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}
.searchResults #PageNumbers a {
    padding: 0 5px
}
.searchResults #PageNumbers .pagination {
    float: left
}
.searchResults #PageNumbers p {
    float: right
}
.searchResults #PageNumbers .next,
.searchResults #PageNumbers .prev {
    font-size: 14px
}
.searchResults #PageNumbers .next {
    margin-left: 15px
}
.searchResults #PageNumbers .prev {
    margin-right: 15px
}


/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
    display: none
}
#media-query-trigger {
    display: none;
    visibility: hidden;
}

@media only screen and (max-width: 960px) { 
    .content img {
        max-width: 97%;
        height: auto;
    }
    .header .primary ul {
        margin-left: -12px;
        -webkit-padding-start: 0px;
    }
}

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) { 
    body {
        max-width: 640px
    }
    #media-query-trigger {
        visibility: visible
    }
    .brand {
        float: none;
        display: inline-block;
        margin-left: 22px;
        margin-bottom: 22px;
    }
    .brand h1 {
        font-size: 40px
    }
    .brand h1 {
        padding-right: 80px
    }
    .header {
        padding: 0px
    }
    .header .inner {
        padding: 20px 0 0 0;
        min-height: 0;
    }
    .header .primary .nav-open-button {
        z-index: 100;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 20px;
        top: 32px;
        display: block;
        cursor: pointer;
        font-family: 'WebSymbolsRegular';
        font-size: 20px;
        color: #ededed;
    }
    .header .primary ul {
        z-index: 10;
        position: relative;
        display: none;
        float: left;
        margin: 0 !important;
        padding: 0;
        white-space: normal;
        width: 100%;
    }
    .header .primary ul li {
        width: 100%;
        margin: 0 !important;
        float: none;
        background: none;
        position: relative;
        text-shadow: 0 1px #fff;
    }
    .header .primary ul li:after {
        content: '\003e';
        display: block;
        position: absolute;
        right: 20px;
        top: 0px;
        font-family: 'WebSymbolsRegular';
        font-size: 14px;
        color: #999;
        text-align: center;
        vertical-align: middle;
        line-height: 38px;
    }
    .header .primary ul li a,
    .header .primary ul li.current a,
    .header .primary ul li.section a {
        padding: 10px 0 10px 22px;
        font-weight: bold;
        border-bottom: 1px solid #bbb;
        color: #434343;
        border-radius: 0 !important;
        background: #e7e7e7 !important;
    }
    .header .primary ul li a:hover {
        color: inherit
    }
    .header .primary li.section:after,
    .header .primary li.current:after {
        display: none;
    }
    .tablet-nav .header nav.primary ul li {
        padding: 0; 
    }




    /* Search Form */
    .search-bar {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        display: none;
        padding: 20px 0;
        margin: 80px 0 0;
        background-color: #E7E7E7;
    }
    .search-dropdown-icon {
        display: block;
        cursor: pointer;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 60px;
        top: 34px;
        font-family: 'WebSymbolsRegular';
        font-size: 20px;
        color: #ededed;
        text-align: center;
        line-height: 20px;
    }
    .search-bar form {
        margin: 0;
        width: 100%;
    }
    .search-bar form fieldset {
        padding: 0 18px;
        left: 0;
        right: 0;
        position: relative;
    }
    .search-bar div.field {
        margin-bottom: 0
    }
    .search-bar form input.text {
        width: 93%;
        padding: 8px 7% 8px 0;
        text-indent: 15px;
        position: relative;
        display: block;
        right: 0;
        left: 0;
        border: 1px solid #e5e5e5;
        background: #fff;
        font-size: 17px;
    }
    .search-bar form input.action {
        right: 24px;
        top: 2px;
        font-size: 18px;
    }

    /* Main Content */
    .main {
        padding: 20px 0 45px;
    }
    .content-container,
    aside {
        width: 100%
    }
    .typography h1 {
        font-size: 30px;
        line-height:35px;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .typography p {
        font-size: 14px;
        line-height: 23px;
    }
    p.intro {
        font-size: 19px;
        line-height: 27px;
    }
    .main .inner {
        padding: 0 22px
    }
    /* Secondry Nav */
    .secondary li a {
        line-height: 24px
    }
    .secondary li .arrow {
        line-height: 26px
    }

}

/* Based on HTML5 boilerplate print styles */
@media print { 
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
    */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* Simple theme custom print styles */
    .header,
    .footer,
    .nav-open-button,
    .search-bar,
    .search-dropdown-icon,
    nav.primary {
        display: none;
    }
}


.hiddensortcontent {display: none}
#footer {
    background: var(--blue);
    color: #FFF;
    /*border-top:1px solid #FFF ;*/
    -moz-box-shadow:0px -4px 15px 3px rgba(119, 119, 119, 0.55);
    -webkit-box-shadow:0px -4px 15px 3px rgba(119, 119, 119, 0.55);
    box-shadow:0px -4px 15px 3px rgba(119, 119, 119, 0.55);

}
#footer .inner {
    padding-top: 12px;
    color:#FFF;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 20px;    

}

#footer .inner p  {
    margin-top:8px;
}
#footer a {
    color : #FFF;
}
#megamenu {
    width: 100%;
    clear: both;
    position:relative;
    top:20px;
    height:10px;
    overflow: hidden;
}
#megamenu:hover {
    height: auto;
}



.shadow1 {

    -moz-box-shadow:0px 11px 15px 3px rgba(119, 119, 119, 0.55);
    -webkit-box-shadow:0px 11px 15px 3px rgba(119, 119, 119, 0.55);
    box-shadow:0px 11px 15px 3px rgba(119, 119, 119, 0.55);

}


/*cc footer*/
* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 95%; 
    height: auto !important; 
    background: #d6d6d6 url('../images/bg1.jpg')  repeat-y center 1000px ;
    background-color: #3E60AA;
    /*background-size: cover;*/

    /*height: 100%;*/
    /*margin: 0 auto -82px;*/
}
.footer, .push {
    /*height: 82px;*/
}
.footer {
    background: #d6d6d6;
    border-top:1px solid #FFF ;
    -moz-box-shadow:0px -4px 15px 3px rgba(119, 119, 119, 0.55);
    -webkit-box-shadow:0px -4px 15px 3px rgba(119, 119, 119, 0.55);
    box-shadow:0px -4px 15px 3px rgba(119, 119, 119, 0.55);
}

#testdiv {
    border:1px solid #CCC;
    width:960px;
    position: relative;
    top:10px;
    left:0px;




    -moz-box-shadow:0px 11px 15px 3px rgba(119, 119, 119, 0.55);
    -webkit-box-shadow:0px 11px 15px 3px rgba(119, 119, 119, 0.55);
    box-shadow:0px 11px 15px 3px rgba(119, 119, 119, 0.55);
}


#lang {
    margin-top: 20px;
    position: relative;
    z-index: 999;
    width: 700px; 
}

#lang select {

    padding: 5px 10px 5px 5px; 
    width:150px;
    border:1px solid #DDD;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    border-bottom-right-radius: 15px;


}







.Preamble { 
    /*font-weight: bold;*/
    /*color:#8C531A!important;*/
    /*border:0px solid red;*/
    clear:right;
}

#tabs {margin-top:20px;}

.tabsprodlist  {border-bottom: 1px solid #CCC;margin-bottom: 5px;padding-bottom: 5px}
.tabsprodlist .tabslistimage { 
    clear: left;
    float: left;
    margin-right: 10px; border: 1px solid #CCC;
}

.Preamble h5 {
    font-size: 13px!important;/*error from oldDBimport*/
}
.prodimgs {float: left;margin-right: 25px;}    
.ProductDescription {
    margin-top: 20px;
    clear: left;
}

div.Preamble ul li h5 {}

div.Preamble ul li p {margin:0}

div.Preamble ul li   {margin-left: 20px}
div.Preamble ul  { margin-left: 20px;}


.productlist {
    clear:left
}
.typography .productlist h2 {margin-bottom: 40px}


.prodno {
    font-weight: bold;
    color:#006BBA;
}
.productlistitem {
    width:100%;
    clear:left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #006BBA;
}
.productlistitem_morelink , .linkasbutton , input[type="submit"] ,input[type="button"] {
    display: block;
    float: right;
    clear:both;
    margin:5px;
    cursor: pointer;
    text-decoration:none;
    border: 1px solid #ccc;
    padding: 3px 10px;
    color:rgb(0, 0, 0);
    font-size:14px;
    font-family:arial, serif;
    text-shadow: 0px 0px 5px rgb(255, 255, 255);
    font-size: 17px;
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    box-shadow:0px 0px 0px rgb(0, 0, 0);
    -moz-box-shadow:0px 0px 0px rgb(0, 0, 0);
    -webkit-box-shadow:0px 0px 0px rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    background-image:linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 204));
    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(238, 238, 238)), to(rgb(204, 204, 204)));
    background-image:-moz-linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 204));

}
input[type="submit"] ,input[type="button"] {
    color:#006BBA; font-weight: bold
}

input[type="submit"]:hover ,input[type="button"]:hover {
    color:#E68A2E
}

/*memberform and shop*/
.content-containerx, body.ShopPage form  {
    max-width: 460px;
    width: 100%;
    display: block;
    border:0px solid #CCC
} 


.Actions {margin-top: 20px;}

#IAgreeToTheTerms {min-width: 300px;}



fieldset .field {float: left;width: 220px;margin-top:10px;}
fieldset label {
    display: block;
    padding-bottom:5px;
    /*font-size: 16px;*/
    color:#006BBA
}
.field.textarea {width: 100%;clear:both}

.middleColumn input ,
.middleColumn select ,
.middleColumn textarea
{
    width: 90%;
    border:1px solid #006BBA;
    padding:5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family:verdana,arial;color:#343434;font-size: 11px;

}
.confirmedpassword.field  {clear:both;width: 100%}
#FirstName.field {clear:left;}
/*#OrgType.field {margin:20px 0}*/

#shopterms {width: 300px;display: none}

#formtermslink {
    float: left;
    clear: left;
    position: relative;
    top: 13px;
}





.listprodthumb {
    float:left;
    clear:left;
}

.productlistitem .desc {
    color: #333333 !important;
    display: inline-block;
    font-size: 11px !important;
    padding-right: 0;
    width: 457px;
}

body.Product .ProductCost {margin-right: 14px;}
.ProductCost {float:right;font-weight: bold;color:#3E60AA}


.prodlistbuttons {float:right}
.productlistitem a .desc:hover  {
    color:#333
}

.productlistitem h4 {
    margin:0;
}

.productlistitem img {
    margin-right: 20px;
}

.produktpersonphoto {float:left;padding-right: 10px;}
.box .produktperson {font-size: 0.9em;margin-bottom: 20px;}
.box .produktperson a {font-size: 0.8em}
.contactname {
    font-size: 1.2em;
    position: relative;
    left:-5px;
}


.contactpageperson {
    padding-top:10px;
    border: 1px solid #E68B2F;
    float: left;
    height: 145px;
    margin: 10px;
    padding: 10px;
    width: 44%;

    /*background: url("../images/gdpatterntopright.jpg") no-repeat scroll right top #FFFFFF;*/

}

.contactpageperson .produktpersonphoto {
    /*    background-color: #0070C2;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
        margin-bottom: 20px;
        margin-right: 12px;
        margin-top: 4px;
        padding-left: 5px;
        padding-right: 6px;
        padding-top: 4px;
        width: 69px;*/

    padding-top:10px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
    float: left;

}


.contactpageperson a {
    font-size: 0.9em
}
.contactpageperson i {
    font-style: italic;
    font-size: 0.9em
}
.contactpageperson .produktpersonphoto img {
    border: 1px solid #BBB;

}


/*START PAGE */

body.StartPage #startpageMainPic {
    display: inline-block;
    float: left;
    background-color: #0070C2;
    padding-right: 6px;


    -webkit-border-top-left-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-radius-topleft: 18px;
    -moz-border-radius-bottomleft: 18px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;

    margin-bottom: -5px;
    margin-right: 20px;
}

body.StartPage #startpageMainPic img {

    margin:0;padding: 0;display: block;

    -webkit-border-radius: 18px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 18px;
    -moz-border-radius-topright: 0;
    border-radius: 18px;
    border-top-right-radius: 0;

}


body.StartPage .main { 
    min-height: 20px;
    -webkit-border-top-right-radius: 18px;  
    -moz-border-radius-topright: 18px;
    border-top-right-radius: 18px;
}
body.StartPage #mainbottomright   {
    -moz-border-radius-bottomright: 9px;
    -webkit-border-bottom-right-radius: 9px;
    border-bottom-right-radius: 9px;
}
body.StartPage  #mainbottom {
    /*background-color: #006BBA;*/
    background-color: #E68B2F;
    -moz-border-radius-bottomright: 9px;
    -webkit-border-bottom-right-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-bottom: 0;

}


body.StartPage div.content-container  {padding: 0px 20px 0px 20px}
body.StartPage #BreadC {display: none}

body.StartPage div.wrapper div.main div.inner { 
    padding-bottom:0px;
}

body.StartPage #maincontent {
    border:none;
    padding-top: 15px;



}
body.StartPage .rightnav {
    border:none;
    float:right;
    padding-left:  0;
}

body.StartPage #startpageextracontent #maincontent {
    border:none;
    width:69%;  
    padding-right: 10px;
}
body.StartPage #startpageextracontent .rightnav {
    border:none;
    width: 29%;  
}


body.StartPage .content-container  {
    /*background: #FFF url("../images/gdpatterntopright.png") no-repeat top right;*/

}
.content-container  {
/*    background: #FFF url("../images/gdpatterntopright.png") no-repeat top right;*/

}


#startpageextracontent {background-color: transparent;margin-top:-10px}
.prodcatpuff {

    background: transparent url("../images/gdpattern1shade.png") no-repeat bottom right;
    margin-bottom: 5px;
    /*padding: 20px 0 20px 20px;*/
    padding: 10px 0 13px 20px;
    background-color: #FFF;
    width: 100%;
    /*min-height: 100px;*/
    min-height: 82px;

    -webkit-border-top-left-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-radius-topleft: 18px;
    -moz-border-radius-bottomleft: 18px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;

}
.prodcatpuff:last-child {
    min-height:83px;
    padding-top: 12px;
}

.prodcatpuff .more {margin-right: 20px;}


.passivemarketpuff {
    opacity: 0.5;
}


.activemarketpuff {
    width: 40%;
    border:1px solid #E68A2E;

    /*background-color: #FDF1E7!important;;*/
    -moz-box-shadow:1px 1px 6px 1px #000;
    -webkit-box-shadow:1px 1px 6px 1px #000;
    box-shadow:1px 1px 6px 1px #000;




}

.marketpuff {
    /*    background-color: #FFFFFF;
        border: 1px solid #FFF;
        float: left;
        font-size: 0.9em;
        margin-bottom: 7px;
        margin-left: 4px;
        min-height: 65px;
        padding: 14px 0 0 10px;
        position: relative;
        width: 149px;*/

    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    float: left;
    font-size: 0.9em;
    margin-bottom: 5px;
    margin-left: 4px;
    min-height: 62px;
    padding: 8px 0 2px 10px;
    position: relative;
    width: 149px;


}


.marketpuff.even {


    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;

    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;


}


.marketpuff .imgholder {
    display: inline-block;
    float: left;
    padding-top: 8px;
}
.marketpuff .mtext {
    padding-top: 10px;display: inline-block;float: left;margin-left: 10px;line-height: 15px;
    width: 90px;
}

.prodcatpuff #left  {float:left;width: 58%;padding-top: 2px}
.typography .prodcatpuff #left p { 
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 0px;
    color:#555;
    max-width:445px;
}

.prodcatpuff #right {float:right;display: inline-block}
.prodcatpuff #right img {
    display: inline-block;
    margin:0px;
    margin-right:10px;

    padding: 0px; 
    float: left;
    border: 1px solid #DDDDDD;

}
#startpageextracontent .prodcatpuff h2 {
    margin:0;
    margin-bottom: 2px;
    font-size: 22px;
    line-height: 16px;
    color:#006BBA!important;
}

div#tabs a.ui-tabs-anchor  {
    font-size: 11px!important;
    padding:9px;
}

div.sub_block_image {
    height: 86px; 
}


body.topmarketpage div.sub_block_image {
    height: 100px; 
}        
body.topmarketpage .sub_block {
    height: 140px; 
}        



.sub_block  img {
    display: inline-block;
    margin: 0 auto;
/*    -webkit-border: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;*/
}

.sub_block  {
    border: 1px solid var(--green);
    float: left;
    height: 190px;
    margin-right: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding: 8px 5px 10px;
    text-align: center;
    /*    width: 22%;*/
    width: 29%;
    -webkit-border: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sub_block.submarket {
    border-color: #006BBA;
}


body.Market   div.productlist {
    margin-top: 20px;

}


.marketblock .text{
    text-align: center;
    display: block

}

body.NewsHolder div#maincontent h1 {
    margin-bottom: 40px;
}

.newsholderitem  {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #006BBA;
}
.newsitemtext {
    float:left ;width: 75%;
}

.newsimage {
    float:left ;width: 120px; border:0px solid #CCC;margin-right:  20px;text-align: center;padding: 20px;
}


.startnews {
    font-size: 0.9em
}

#newsbox a {display: block}


/*FLAGS LANG COUNTRY*/
.country-select-text {
    display: inline-block;
    text-indent: 20px;
    text-transform: uppercase;
    color:#006BBA;
    font-size:12px; }

#LangCountrySelector {
    display: none; /*jq show*/
    position: absolute;
    top:69px;
    left:700px;
    /*border: 1px solid #ddd*/

}
.country-select {
    position: absolute;
    top: 0px;
    right: 0;
    width: 180px;
}
#country-select1 {    left: 0px;}
#country-select2 {    left: 0px;}
/* rought form styles for when JS is disabled */

.country-select form {
    width: 180px;
    padding: 0;
}

.country-select select,
.country-select input {
    display: inline;
    padding: 0;
    margin: 0;
}

/* JS-created definition list */

.dropdown dd ,.dropdown2 dd { position: relative; }

.dropdown a ,.dropdown2 a {
    text-decoration: none;
    outline: 0;
    font: 12px Arial, Helvetica, sans-serif;
    display: block;
    width: 130px;
    overflow: hidden;
}

.dropdown dt a ,.dropdown2 dt a {
    background: #eee;
    border: 1px solid #006BBA;
    padding: 2px 1px 2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #222;

    background:#eee url("../images/selectarrow.png" ) no-repeat 110px 0px ;
}

.dropdown dt a.active,.dropdown2 dt a.active {
    background: #eee;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /*border-bottom: 0px dotted #E58625;*/
    /*    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);*/
    /*box-shadow: 0 3px 7px rgba(0,0,0,.5);*/
    color: #222;
}

.dropdown dd ul ,.dropdown2 dd ul {
    background: #eee;
    border: 1px solid #676768;
    color: #222;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    padding: 2px 0 5px 0;
    list-style: none;
    border-top: none;
    margin: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    /*    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
        box-shadow: 0 3px 7px rgba(0,0,0,.5);*/
    width: 136px;
}

.dropdown dd ul li a ,	.dropdown2 dd ul li a {
    padding: 2px 10px;
}

.dropdown dd ul li a span,	.dropdown dt a span, 
.dropdown2 dd ul li a span,	.dropdown2 dt a span 
{
    float: left;
    width: 16px;
    height: 11px;
    margin: 2px 6px 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
}



.en a span { background-image: url('../images/flags/gb.png');}

.Sweden a span,.sv a span { background-image: url('../images/flags/se.png');}
.Norway a span,.no a span { background-image: url('../images/flags/no.png');}
.Finland a span,.fi a span { background-image: url('../images/flags/fi.png');}
.Denmark a span,.dk a span { background-image: url('../images/flags/dk.png');}

.Lithuania a span { background-image: url('../images/flags/lt.png');}
.Latvia a span { background-image: url('../images/flags/lv.png');}
.Estonia a span { background-image: url('../images/flags/ee.png');}
.Iceland a span { background-image: url('../images/flags/is.png');}
.World a span {  background-image: url('../images/flags/Earth_flag_PD.png');}



.dropdown dd ul li a em,	.dropdown dt a em ,
.dropdown2 dd ul li a em,	.dropdown2 dt a em 
{
    font-style: normal;
    float: left;
    width: 100px;
    cursor: pointer;
}

.dropdown dd ul li a em,.dropdown2 dd ul li a em {
    color: #222;
}

.dropdown dd ul li a:hover,.dropdown2 dd ul li a:hover { background-color: rgba(255,255,255,.1); }
.dropdown dd ul li a:hover em,.dropdown2 dd ul li a:hover em { color: #222; } 

/*FLAGS LANG COUNTRY*/
















.OfficeDiv {margin:40px 0;width: 100%!important}
.contactmapouter {display: nonex;float: right;text-align: right}


/*to be hidden manually in cms not css*/
OLD#maincontent .content  h2:first-child  { text-decoration:line-through;border:1px dashed #ccc }

OLD.content h2 img[align=right] {
    float: left;
    border:1px dashed #ccc;
    text-decoration:line-through;
}





.mobileonly {display: none!important}

.blockimportant {display: block!important}


.supplier {
    border-bottom: 1px solid #006BBA;
    margin-bottom: 10px;
    padding-bottom:10px;
    width: 100%;
}
.suppliercontent {
    padding-right: 150px;
}
div.supplier a.linkasbutton {
    margin-top:-20px;
}

.field.checkbox {
    display: inline;
    width: 100%;
    margin-right: 10px 

        ;}

.typography fieldset .field.checkbox label.right {
    display: inline-block;
    margin-left: 10px;
    float: none;
    text-align: left;
    position: relative;
    top:9px
}

.required2 {color:red}
/*.message.required {font-size: 2em;color:red;}*/
.typography fieldset .right {float: right;text-align: left;}

fieldset div#Remember.field {clear: left}
fieldset div#Remember.field label.right {text-align: left;}


.inline {display: inline}

.typography table td.calendar-header-day {padding-left: 6px;}
#outeradmintoolbar a {color:#0070C3!important}
#outeradmintoolbar a:before {content:"»"}
#outeradmintoolbar i  {font-style: italic}

#outeradmintoolbar {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.52);
    padding:10px 10px 10px 20px;
    -webkit-border: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px; 
    width: 200px;
}

.no-sidebar .rightnav {display: none;}
.no-sidebar #maincontent {
    width: 95%;
    /*padding-left: 40px;*/
    float:none;
}


body.labmixStartPage .search-bar { display: none;}

#orderReceit {
    width: 70%!important;
}
#orderReceit td { border: 1px solid #CCC }


body.notChosenCustomerType #TopMenuItems {display: none}
body.notChosenCustomerType #Search {display: none}

body.ShopPage #BreadC {opacity: 0;width: 1px;;height: 5px;}

.slidecontent h4 {
    font-weight: bold;
    font-size: 16px
}
.slide_new {
/*    float:right;
    padding-left: 5px;
    color:#CE8238*/
        
        float: right;
padding-left: 5px;
color: #CE8238;
position: absolute;
right: -15px;
top: -18px;
        
}