ul.tabmenu {
	list-style:none inside none;
	//background-color:lightgrey;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	}

ul.tabmenu li {
	clear:none;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	//top:1px;
	color:white;
	//border:1px solid grey;
	//background-color:lightgrey;
	}

ul.tabmenu li.activetab {
	list-style-type:disc;
	color:black;
	}
/* --------------- basket-grid  -------------------------------------------------------*/
div#mainbasket {
/*	grid-column: themainstuff;
	grid-row: 2;
	border: 1px solid blue;
*/
	width:800px;
	float:left;

}
div#basket_summary {
/*	grid-column: therightstuff;
	grid-row: 2;
*/	
//	position:sticky;
	xposition:fixed;
	top:152px;
	xleft:-1100px;   /*  out of the way (invisible) until its left-position is calculated in sh3_typesummary_refresh();*/ 
	float:left;
	width:240px;
	/*
	border: 1px solid red;
	*/
}
div#title {

/*	grid-column: themainstuff / span 2;
	grid-row: title ;
*/
}

/* --------------- /basket-grid  -------------------------------------------------------*/


div#basket_innergrid {
	margin-top:64px;	
	//border:1px solid lightgrey;
}
div#basket_innergrid div {
	background-color:white;
	border-radius:5px;
	padding:10px;
	margin:5px;
}
div#basket_innergrid div#title {
	background-color:inherit;
}
div#basket_innergrid div#title h1 {
}

div#mainbasket table {
	width:100%;
}
div#mainbasket input[type="text"], div#mainbasket, div#mainbasket textarea, input[type="date"], div#mainbasket input[type="email"], div#mainbasket input[type="number"], div#mainbasket select {
	padding:5px;
	border-radius:5px;
}
div#mainbasket input[type="text"], div#mainbasket textarea, .w363, div#mainbasket select {
	width:363px;
}
div#mainbasket select.hours, div#mainbasket select.minutes  {
	width:4em;
	margin-right:1em;
}

div#mainbasket textarea{
	height:60px;
}
/*
div#mainbasket input[readonly] {
    background-color: #f1efed;
}
*/
div#mainbasket table tr th, div#mainbasket table tr td {
	padding:10px;
}
div#mainbasket table tr th.onlybig  {
	width:200px;
	text-align:right;
	font-weight:600;
	padding:10px;
	vertical-align: top;
}

div#basket_delivery table tr.sheader th,
div#basket_invoice table tr.sheader th,
div#gdpr table tr.sheader th,
div#confirm table tr.sheader th {
	font-size:1.1em;
	font-size:1.1em;
	font-weight:500;
	text-align:initial;
	border-bottom:1px solid lightgrey;
}

button.confirm_from_basket {
	xdisplay: block;
	margin: 5px auto;
	height:48p.s
	border-radius:26px;
	font-size:1.3em;
	font-weight:700;
	width:500px;
}
button#thefinalconfirmationbutton.confirm_from_basket {
	background:lightgrey;
}

div#mainbasket table table#summary, table.summary {
	font-family: "din_light",sans-serif;
	font-size:14px;
    color: #333;
    line-height: 1.428571429;
	width:100%;

}
div#mainbasket table table#summary tr th, div#mainbasket table table#summary tr td, table.summary tr td {
    padding: 8px;
    vertical-align: top;
    white-space:nowrap;	
    border-top: 1px solid #ddd;	
}

div#mainbasket table table#summary tr td a, table.summary tr td a {
	text-decoration:none;
    color: #333;
}
/*
div#mainbasket table tr td table#summary tr td:first-child {
	width:50px!important;
	color:red;
}
*/
p#mustacceptsconditions, p#bottommessagebox {
	font-weight:500;
	color:red;
}
div#basket_summary div#typesummary table {
	white-space:normal;
}	
div#basket_summary div#typesummary table tr.top-line td {
	border-top:1px solid lightgrey;
}
div#basket_summary div#typesummary table tr td {
	padding:5px;
}	


div#orderconf_innergrid {
	border:1px solid lightgrey;
	background-color:white;
	padding: 0 105px;
	xwidth:770px;
}

table.orderconf_head {
	xwidth:100%;
	margin-left:10px;
	
}
div#orderconf_innergrid table.summary tr th, div#orderconf_innergrid table.orderconf_head th {
	font-weight:300;
}
div#orderconf_innergrid table.orderconf_head th {
	width:160px;
}

button.basket_next {
	display:none;
}

span.voucher {
	/*background:#f1efed;*/
}
span.voucher input {
	background:#f1efed;
	color:green;
	width:100px!important;
}

/* -----------------------  -----------------------  -----------------------  -----------------------  -----------------------  ----------------------- */

* {
	box-sizing: border-box;
}

body {
	background-color:#f1efed;
	xbackground-color:#00ff00;
	font-family: "din_medium",sans-serif;
    font-size: 14px;
	line-height:1.6;
	margin:0;
}

.hidden {
	display:none;
}

h1,h2,h3,h4,h5 {
	color: #56a1b4;
	font-weight: 500;
    line-height: 1.1;
}
h1 a,h2 a,h3 a,h4 a,h5 a {
	text-decoration:none;
}

* a {
	text-decoration: none;
	color:#323132;
}

p a {
	text-decoration: underline;
	color:brown;
}

input[type="text"], input[type="email"] , input[type="search"] , input[type="number"] , input[type="password"] , input[type="phone"] {
	padding:5px;
	border-radius:5px;
}

button {
    background-color: #56a1b4;
    border: 1px solid #56a1b4;
    border-radius: 16px;
    padding: 5px 10px;
	margin-right:3px;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
}
button:hover {
	background-color:#467F8E;
	border:1px solid #467F8E;
}
button.wide {
	width:120px;
}
button.selected {
	font-weight:750;
    font-size: 1.1em;;
}
button:disabled {
	background-color: rgb(161, 187, 193);
	border:1px solid rgb(161, 187, 193);
	color:lightgrey;
}
button.weak {
    border: 1px solid #56a1b4;
	background-color: transparent;
	color: #56a1b4;
}
button.invisible {
	border:0;
	background-color: transparent;
}
hr.weak {
    background-color: transparent;
    border: 0.3px solid lightgrey;
	color:#333;
}
.font12 {
	font-size:12px;
}
.font14 {
	font-size:14px;
}

li a {
    //color: #428bca;
    color: #333;
}

.relative {
	position: relative;
}
.strong {
	font-weight:bold;
}
.dim {
	color:grey;
	background:lightgrey;
}

.greenish {
	color:#56a1b4;
}
.yellow {
	color:yellow;
}
.red {
	color:red;
}
.blue {
	color:blue;
}
.brown {
	color:brown;
}
.green {
	color:green;
}

a.link_as_button {

    background-color: grey;
    border-radius: 3px;
    padding: 3px;
	margin:6px 3px 0 0;
	font-size:0.85em;
	text-decoration:none;
    color: #fff;
}

h4.h4likeTH {
	color:#333;
	font-weight:bold;
	font-size:14px;
	margin-top:25px;
}

div {
	xborder:1px dotted grey;
}
div.box, table.box {
	border:1px dotted grey;
}

div.gbox, table.gbox {
	border:1px solid green;
}
div.rbox, table.rbox {
	border:1px solid red;
}
div.bbox, table.bbox {
	border:1px solid black;
}
div.blbox, table.blbox {
	border:1px solid blue;
}

.justbig, .onlybig {
	//display:initial;
}
.justsmall, .onlysmall {
	display:none;
}
.slanted {
	font-style:italic;
}
.small {
	font-size:0.9em;
}
.smaller {
	font-size:0.8em;
}
.smallest {
	font-size:0.7em;
}
.clear {
	clear:both;
}
.right {
	float:right;
}
.left {
	float:left;
}
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}

.w2em {
	width:2em;
}
.w3em {
	width:3em;
}
.w4em {
	width:4em;
}
.w100 {
	width:100%;
}
.w96 {
	width:96%;
}
.w98 {
	width:98%;
}
.w48 {
	width:48%;
}

.clickable {
	cursor:pointer;
}
.glyphicon, .glyph {
	height:12px;
	padding:4px 8px 0 2px;
	position:relative;
	top:1px;
	left:1px;
	opacity:0.4;
}

.linkbox {
	cursor:pointer;
	border:1px dotted transparent;
}
.linkbox:hover {
	border:1px dotted grey;
}

.greyish {
	background-color:lightgrey; 
}


.roomy {
	margin: 20px;
}

th, td {
	text-align:left;
	vertical-align:top;
}
th.num, td.num {
	text-align:right;
}

.qty {
	width: 40px;
}

fieldset {
	padding:20px;
}
select.hours, select.minutes  {
	width:66px;
}
input[readonly] {
    background-color: #f1efed;
}

div.centerbox, div.centerbox_medium {
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	xborder:1px dotted blue;
	position:relative;
}

div.centerbox_medium {
	width:860px;
}

/* --------------- modal -------------------------------------------------------*/

button.close {
	color:black;
	font-size:1.3em;
	margin:3px;
	background-color: transparent;
	border:0;
}
button.close:hover {
	background-color: lightgrey;
}
button.close.small {
	font-size:0.85em;
}

#shade, #modal {
	display:none;
}
#shade {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: silver;
	opacity: 0.82;
	filter: alpha(opacity=70);
	}

#modal {
	position: fixed;
	/*
	top:10%;
	xleft:auto;
	left:25%;
	right:25%;
	margin-left:auto;
	margin-right:auto;
	
	*/
	top:70px;
    left: 0;           /* Left edge at left for now */
    right: 0;          /* Right edge at right for now, so full width */ 
    bottom: 0;          /* Right edge at right for now, so full width */ 
    margin-left: auto;      /* Center it */
    margin-right: auto;      /* Center it */
	width: 50%;
	
	opacity:1;
	background: #fff;
	overflow:auto;
	height: 75%;

	border: 1px solid green;
	-moz-box-shadow:10px 10px 5px #888888;
	-webkit-box-shadow:10px 10px 5px #888888;
	box-shadow: 10px 10px 5px #888888;
	z-index: 101;
	}

#modal_inner {
	margin: 10px;
}

/* --------------- /modal -------------------------------------------------------*/

/* ------------------------- HAMBURGER-modal ------------------------- */
#modal.hamburger {
	position:fixed;
	top:15%;
	right:0;
	margin-right:0;
	width:400px;
	height:100%;
	background-color:white;
	z-index:999;
}
/* ------------------------- /HAMBURGER-modal ------------------------- */

/* ------------------------- FILTER-modal ------------------------- */

div#modal.filtermodal {
    top: 5%;         
    width: 1200px;      
    height: 90%;     
	padding:20px;
	overflow: scroll;
}

/*
div#modal.filtermodal div.tabdiv {
	padding:15px;
	margin-left:auto;
	margin-right:auto;
}
*/
div#modal.filtermodal ul.tabmenu {
	margin-bottom:20px;
	border-bottom:1px dotted grey;
}
div#modal.filtermodal ul.tabmenu li.menutab {
	width:105px;
	text-align:center;
	font-size:1em;
	font-weight:700;
	white-space:nowrap;;
	padding:9px;
	z-index:11111;
}
div#modal.filtermodal ul.tabmenu li.menutab.dim {
	color:lightgrey;
}
div#modal.filtermodal ul.tabmenu li.menutab.dim:hover {
	background:transparent;
}
div#modal.filtermodal ul.tabmenu li.menutab:hover {
	background:#AAB;
}

div#modal.filtermodal div.checkbox-switch {
	margin-top:-54px;
	margin-left:-24px;
}
div#modal.filtermodal div.tabdiv {
	margin:-6px;
	xborder:1px solid brown;
}
div#modal.filtermodal div.tabdiv hr {
	width:98%;
	margin:0 0 0 4px;
}
div#modal.filtermodal div.tabdiv div.eachproduct {
	margin-left:6px;
}

div.filterkwcols {
	width:50%;
	float:left;
}
/* ------------------------- /FILTER-modal ------------------------- */


/* ------------------------- CONTACTME-modal ------------------------- */

#modal.contactme {
	width: 900px;
	height:670px;
}

#modal.product_preview {
	left:20%;
	right:20%;
	//width: 60%;
	width: 1200px;
	height:640px;
	padding:20px;
	
}

div#contactme input, div#contactme textarea {
	width:96%;
}
div#contactme input[type="date"] {
	width:160px;
}
div#contactme h4,div#contactme h5  {
	margin-bottom:4px;
}

tr.holdit td{
	color:red;
	text-decoration:line-through;
}
/* ------------------------- /CONTACTME-modal ------------------------- */

/* ------------------------- LOGIN-modal ------------------------- */

#modal.login  {
	width: 550px;
	height:330px;
	padding:20px;
}
#modal.login  {
	height:430px;
}

#modal.login.register {
	width: 850px;
	height:90%;
	top:10%;
}

div#loginwrapper h4,div#loginwrapper h5  {
	margin-bottom:6px;
}
div#loginwrapper input {
	width:96%;
}
li.alerts {
	list-style-type:none;
}
/* ------------------------- /LOGIN-modal ------------------------- */

/* ------------------------- NEWSLETTER-modal ------------------------- */

#modal.newsletter {
	xwidth:90%;
	top:10px;
	height:96%;
	z-index:499;
}
#modal.newsletter #modal_inner, #modal.newsletter #modal_inner #newsletterhubby {
	height:100%!important;
}

/*
#modal.newsletter table {
	width:90%;
}
#modal.newsletter table tr th {
	width:30%;
}
#modal.newsletter table tr td {
	width:70%;
}
#modal.newsletter table tr td input {
	width:90%;
}
*/
/* ------------------------- /NEWSLETTER-modal ------------------------- */

/* ------------------------- CHECKOUT-modal ------------------------- */
#modal.ordersummary {
	width: 660px;
	height:80%;
	padding:20px;
}
#modal.ordersummary.tall {
	height:80%;
}
/* ------------------------- /CHECKOUT-modal ------------------------- */

div#cookie_question {
	padding:30px;
	background:white;
	height:160px;
	text-align:center;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:1;
}

/* --------- slider ----------------------------------------------------------- */
.checkbox-switch {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 50px;
	height: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	line-height: 1.1;
	font-size: 0.9em;
}

.checkbox-switch input.input-checkbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 24px;
	padding: 0;
	margin: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
}

.checkbox-switch .checkbox-animate {
	position: relative;
	width: 50px;
	height: 24px;
	background-color: #95a5a6;
	-webkit-transition: background 0.25s ease-out 0s;
	transition: background 0.25s ease-out 0s;
}

.checkbox-switch .checkbox-animate:before {
	content: "";
	display: block;
	position: absolute;
	width:  12px;
	height: 12px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #7f8c8d;
	top: 5px;
	left: 5px;
	 -webkit-transition: left 0.3s ease-out 0s;
	transition: left 0.3s ease-out 0s;
	z-index: 10;
}

.checkbox-switch input.input-checkbox:checked + .checkbox-animate {
	background-color: 	rgba(216,120,37);
}

.checkbox-switch input.input-checkbox:checked + .checkbox-animate:before {
	left: 28px;
	background-color: #AAA;
}

.checkbox-switch .checkbox-off,
.checkbox-switch .checkbox-on {
	float: left;
	color: #fff;
	font-weight: 700;
	padding-top: 6px;
	 -webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.checkbox-switch .checkbox-off {
	margin-left: 26px;
	opacity: 1;
}

.checkbox-switch .checkbox-on {
	display: none;
	float: right;
	margin-right: 28px;
	opacity: 0;
}

.checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-off {
	display: none;
	opacity: 0;
}

.checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-on {
	display: block;
	opacity: 1;
}
		
/* --------- /slider ----------------------------------------------------------- */

.rcol {
	text-align:right!important;
}
.lcol {
	text-align:left!important;
}
.mcol {
	text-align:center!important;
}

/*-------- 4 testing purpose .........*/
div#kaka {
	height:110px;
	color:red;
	text-align:center;
	xbackground-color:lightyellow;
	padding:50px 0;
	border:3px dotted brown;
}
/*-------- /4 testing purpose .........*/
/* ---------- headmenu ---------------------------------------------------------- */
div.greentop {
	background:rgba(50, 49, 50, 0.4);
}
div.lighttop {
	background:rgba(0, 0, 0, 0.1);
}
div.darktop {
	background:rgba(50, 49, 50, 1);
}


span#logo > a > img {
	position:relative;
	left: 0px;
	top:-10px;
	height:60px;
	zborder:1px solid blue;
}

div#floatheadmenu {
	position:fixed;
	top:-2px;
	width:100%;
	//left:18px;
	z-index:99;
}
div#innerfloat {
	position:relative;
	top:16px;
	width:1080px;
	height:70px;
	display: block;
	margin-left: auto;
	margin-right:auto;
	//border:1px solid red; 
}

div#headmenu ul, div#innerfloat ul  {
	list-style-type:none;
	color:white;
	margin:0;
	padding:10px;
	float:right;
}


div#floatheadmenu a, div#headmenu a {
	//color:#999;
	color:white;
	//font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
	margin:8px;
}

div#headmenu ul li, div#innerfloat ul li    {
	float:left;
}
div#headmenu ul, div#innerfloat input#search_header  {
	width:80px;
}

div#headmenu ul, div#innerfloat input#search_header:focus {
	xbackground-color: #aaa;
	width:150px;
}

li#filter_icon img {
	margin-top:-1px;
	height:22px;
}

li#shopping-cart-badge {
    border-radius: 15px;
	background-color: rgba(216,120,37);
	position:relative;
	//top:-2px;
	padding: 0 12px 0 10px;
	font-weight: bold;
	font-size: 0.85em;
	height:22px;
}
li#shopping-cart-badge img {
	position:relative;
	height:20px;
	top:2px;
}
li#shopping-cart-badge span {
	position:relative;
	top:-4px;
}
li#menustar {
	font-size:1.2em;
	margin-top:-0.1em;
}
li#menustar a {
	color:yellow;
}
/* ---------- /headmenu ---------------------------------------------------------- */

/* ---------- mainmenu ---------------------------------------------------------- */

div#mainmenu {
	height:110px;
}
div#mainmenu.dark {
	background-color: #323132;
}
div#mainmenu.light {
	background-color:white;
}

.ec-category-icon {
transition: background-color 0.3s ease;
background-image:url("/img/static/sprites/mainmenu.svg");
background-size:425px;
border-radius: 2px;
margin-top:12px;
height:85px;
width:85px;
float:left;
text-transform:uppercase;
font-size:0.7em;
clear:none;
color:#999;
border:2px solid transparent;
background-position:-10px -20px;
}
.ec-category-icon.last {
margin-right:0%;
}
a:hover .ec-category-icon, a.selected .ec-category-icon  {
border:2px solid #ccc;
}
a:hover .ec-category-icon, .dark a.selected .ec-category-icon  {
background-color:#4C4C4E;
border:2px solid transparent;
}
/*
.ec-category-icon#category-1,.ec-category-icon#category-145,.ec-category-icon#category-147,.ec-category-icon#category-148 {
background-position:-10px -20px;
}
.ec-category-icon#category-97 {
background-position:-10px -20px;
}
*/
.ec-category-icon#category-6 {
background-position:-10px -341px;
}
.ec-category-icon#category-85 {
background-position:-120px -335px;
}

.ec-category-icon#category-2  {
background-position:-120px -230px;
}
.ec-category-icon#category-3  {
background-position:-125px -130px;
}
.ec-category-icon#category-9 {
background-position:-225px -20px;
}
.ec-category-icon#category-10 {
background-position:-10px -230px;
}
.ec-category-icon#category-4 {
background-position:-120px -335px;
}
.ec-category-icon#category-16 {
background-position:-335px -125px;
}
.ec-category-icon#category-17 {
background-position:-330px -20px;
}
.ec-category-icon#category-22 {
background-position: -225px -335px;
}

.ec-category-icon#category-39 {
background-position:-10px -125px;
}
.ec-category-icon#category-63 {
background-position:-332px -334px;
}
.ec-category-icon#search {
background-position:-225px -220px;
}
.ec-category-icon p {
margin-top:60px;
}
/*
div#mainmenu a.maincategory img {
	margin:15px 4px;
	height:80px;
	//border:1px solid yellow;
}
div#mainmenu a.maincategory img:hover {
	background-color: #4C4C4E ;
}
div#mainmenu a.maincategory.selected img {
	background-color: #4C4C4E ;
}
span.mainmenunames {
	position:relative;
	top:-20px;
	left:-80px;
	color:white;
}
*/
/* ---------- /mainmenu ---------------------------------------------------------- */


/* ---------- submenu ---------------------------------------------------------- */

div#submenu {
	//border:1px solid blue;
}
div#submenu > ul {
	list-style:none inside none;
	padding:0;
	margin:10px 0;
	}

div#submenu ul li  {
	clear:none;
	padding:0px;
	width:90%;
}
div#submenu ul li a {
	position:relative;
	text-decoration:none;
	padding:8px;
	margin:0;
	display:block;
	width:100%;
	overflow:hidden;
}
div#submenu ul li a span.submenucnt {
	position:absolute;
	right:8px;
	top:10px;
	color:#56a1b4;
	font-size:0.8em;
}


div.category_inner_124 div#submenu ul li a span.submenucnt {
	display:none;
}


div#submenu ul li.selected  {
	/*background-color:lightgrey;*/
	background-color:white;
}
div#submenu ul li:hover {
	background-color:#ffe;
}

/* ---------- /submenu ---------------------------------------------------------- */

/* ---------- hamburgermenu, first level ---------------------------------------------------------- */

button#contacthubby {
	position:absolute;
	right:-100px;
	background:red;
	border:1px solid red;
}
div#hamburger {
	position:fixed;
	right:0;
	font-size:14px;
	width:210px;
	height:100%;
	background:rgba(50, 49, 50, 1);
	z-index:999;
	color:white;
}

img#eleveneleven {
	position:relative;
	top:1px;
	left:4px;
	height:12px;
}
div#hamburger ul {
	width:100%;
	padding:0;
	list-style:none inside none;
}
div#hamburger ul li {
	height:50px;
	text-align:right;
	border-bottom:0.5px solid #4C4C4E;
}
div#hamburger ul li a {
	text-decoration:none;
	height:100%;
	width:100%;
	color:white;
	display:block;
}
div#hamburger ul li a span {
	position:relative;
	top:16px;
	right:28px;
}
div#hamburger ul li:hover {
   background-color:#4C4C4E;
}

/* ---------- /hamburgermenu ---------------------------------------------------------- */

/* ---------- footer ---------------------------------------------------------- */

div#footerbuttons {
	float: right;
}

div#footerlinks {
	position: relative;
	xpadding:8px;
	font-family: "din_light",sans-serif;
}
div#footerlinks ul {
	position: relative;
	list-style:none inside none;
	pxadding:10px 30px;
	margin:10px;
	float: left;
}
div#footerlinks ul li strong {
	font-weight: 800;
	color: #B1ADA9;
}
div#footerlinks ul li, div#footerlinks ul li a{
	color:grey;
	text-decoration:none;
	font-weight: 500;
	color: #B1ADA9;
}
div#footerlinks ul#miljofyrtarn li img {
	position: absolute;
	left:16px;
}

/* Footer EC Social icons */

div#footerlinks  div.ec-social-icon {
	height:20px;
	width:20px;
	display:block;
	background-size: 100%;
	margin-right:5px;
	float:left;
	clear:left;
	background-image:url(img/static/ec-social-icons.png);
}

div#footerlinks  a div.ec-social-icon.facebook {
	background-position: 0px -140px;
}
div#footerlinks  a div.ec-social-icon.youtube {
	background-position: 0px -41px;
}
div#footerlinks  a div.ec-social-icon.twitter {
	background-position: 0px -81px;
}
div#footerlinks  a div..ec-social-icon.newsletter {
	background-position: 0px -120px;
}

div#rollingblock {
	position: relative;
	height:210px;
}


/* ---------- /footer ---------------------------------------------------------- */

/********** drop down menu parts **********/
li#userindicator:hover div#usermenu, div#mainmenu div.hoverwrap:hover div.dropdownmenu {
	display:block;
	}

ul#menu li:hover a {
	color:#0066CC;
	}

div#usermenu, div.dropdownmenu  {
	position: absolute;
	display: none;
	padding:5px 0 0 0;
	z-index: 10;
	xleft: 780px;
	top: 22px;
	
}

div.hoverwrap {
	position: relative;
	display:block;
	float:left;
}
div.dropdownmenu  {
	top: 80px;
}

div#usermenu ul, div.dropdownmenu ul {
	margin:10px 0 0 0;
	padding: 0;
	list-style-type: none;
	xdisplay:block;
	width:160px;
	font-size:0.85em;
	-moz-box-shadow: 10px 10px 8px #888888;
	-webkit-box-shadow: 10px 10px 8px #888888;
	box-shadow: 10px 10px 8px #888888;
	
}

li#userindicator div#usermenu li a, div.dropdownmenu ul li a {
	padding:4px 8px;
	xmargin:0.2em 0;
	background-color:#fff;
	display:block;
	width:160px;
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted lightgrey;
	}

li#userindicator div#usermenu li a:hover, div.dropdownmenu ul li a:hover  {
	background-color:#f1f1f1;
	}

div#usermenu ul li {
	height:28px;
}

/************************************************/div#feedback_innergrid  {
  border:1px solid #aaa;
  background:#fff;
  border-radius: 15px;
  margin-top:25px 0;
  padding: 0 150px 50px 150px;
}
div#feedback_innergrid h4 {
	font-weight:600!important;
	margin:3em 0 0.1em 0;
}
div#feedback_innergrid h3 img.writemore {
	height:28px;
	float:right;
	left:34em;
	top:0.2em;
	border:1px solid #aaa;
	padding:0.4em;
	background:#f1efed;
	border-radius: 8px;
}
div#feedback_innergrid textarea {
	width:100%;
	margin-top:1.5em;
}
div#feedback_innergrid a {
	text-decoration:underline;
}

div.starcontainer {
  background:#f1efed;
  height:4em;
  padding:0;
}
span.stars4_feedback {
	font-size:38px;
	cursor:pointer;
	margin:0 1.55em;
}

div#feedback_innergrid table {
	width:100%;
	border-collapse: collapse;
}
div#feedback_innergrid table tr td:first-child  {
	width:12em;
	font-size:0.85em;
}
div#feedback_innergrid table tr td input[type="text"] ,div#feedback_innergrid table tr td select {
	width:26em;
}
div#feedback_innergrid table tr td button {
	width:22em;
}

div#feedback_innergrid table#f1_10 tbody tr td {
	border:1px solid grey;
	width:10%;
	height:2.5em;
	text-align:center;
	vertical-align:middle!important;
	font-weight:600!important;
	cursor:pointer;
}

div#feedback_innergrid table#f1_10 tbody tr td:hover {
	background:#f1efed;
}
div#feedback_innergrid table#f1_10 tbody tr td.selected {	
	background:#AAA;
}



div#jumbotron, div#jumbotron_frontpage {
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	transition: opacity 2s linear;

	margin-top:67px;
	display:block;
	height:240px;
	width:100%;
	background:white;
	clear:both;
}
div#jumbotron_frontpage {
	height:340px;
}

div.topslides  {
	transition: opacity 2s linear;
	position:absolute;
	left:0;
	top:0px;
	overflow:hidden;
	width:100%;
	height:290px;
    //filter: grayscale(100%); 
	//filter: contrast(40%)
}

div#jumbotron_frontpage div.topslides  {
	height:340px;
}


div#mainingress {
	position:relative;
	top:-220px;
	width:100%;
}

/*
div#mainingress.category_11 div.tmi , div#mainingress.category_11 div.tmi h1 {
	color:#333;
}
*/
div#mainingress.frontpage {
	top:-280px;
}
div.tmi {
	transition: opacity 2s linear;
	color:white;
	position:absolute;
	top:0;
	xopacity:1;
	text-align:center;
	width:100%;
}

div.tmi h1 {
	color:inherit;
	font-size:36px;
	margin:24px 0 4px 0;
}
div.tmi p {
	//width:100%;
	padding:15px 120px;
	font-size:18px;
	white-space: normal;
	margin:0;
}
div.tmi button {
	font-size:18px;
	border:0;
    border-radius: 18px;
	margin:14px 0 4px 0;
	background-color:white;
	color:#333;
}

div.topslides.slide_hidden, div.tmi.slide_hidden  {
	opacity:0;
	z-index:-99;
}

div#rotastars{
	position:absolute;
	right:40px;
	bottom:4px;
	z-index:9;
}
div#rotastars span.controls {
	margin-right:0.5em;
	height:0.7em;
}
div#rotastars span.controls img, div#rotastars span.bullets img {
	height:0.75em;
}

div#rotastars span.bullets {
	padding-top:1.4em;
}

/* --------------- search -------------------------------------------------------*/

div#searchonfrontpage, div#tabdiv_410 {
	padding:16px 0;
}
div#searchonfrontpage input[type="search"], div#tabdiv_410 input[type="search"] {
	width:800px;
    height: 44px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px 0 0 6px;
	border: 1px solid #ccc;
}

div#searchonfrontpage button, div#tabdiv_410 button.search {
	position:relative;
	left:-4px;
	border: 1px solid transparent;
	background-color:lightgrey;
	color:#333;
    border-radius: 0 6px 6px 0;
    height: 44px;
	width:110px;
	font-size: 18px;
}
div#tabdiv_410  input[type="search"] {
	width:1000px;
    xheight: 40px;
    border-radius: 6px 0 0 6px ;
	margin-bottom:24px;
	
}


div.triangle-topleft {
	position:absolute;
	top:0;
	left:0;
	width: 0;
	height: 0;
	border-top: 100px solid rgba(216,120,37, .65);
	border-right: 100px solid transparent;		
	z-index:2;		
}

div.triangle-topleft span {
	position:absolute;
	top:-80px;
	left:30px;
	font-weight:600;
	transform: rotate(-45deg);
}

/* -------------- eachproduct -------------- -------------- -------------- -------------- -------------- -------------- */

div.eachproduct {
	position:relative;
	height: 256px;
	background-color:white;
    //border-radius: 15px;
	//padding:4px;
}
div.eachproduct_ghg {
	position:absolute;
	bottom:30px;
	left:9px;
}

div.eachproduct div.eachproduct_ghg img {
	height:20px;
	width:24px;
}
div.eachproduct a {
	text-decoration:none;
}
div.eachproduct.tiny {
	height: 156px;
	width: 142px;
	margin-top:8px;
	margin-right:6px;
}

div.eachproduct.medium {
	height: 176px;
	width:220px;
	margin-top:8px;
	margin-right:6px;
}

div.eachproduct a div {
	overflow:hidden;
	height:182px;
}
div.eachproduct  div.just2sizetheimg {
	xborder:1px solid green;
	overflow:hidden;
	width:270px;
	height:240px;
} 
div.eachproduct  img {
	object-fit:cover;
	width:270px;
	height:240px;
}
div.eachproduct img:hover {
    -webkit-filter:brightness(90%);
    -moz-filter:brightness(90%);
    filter: url(#brightness);
    filter:brightness(90%);

}
div.eachproduct.medium img {
	width:220px;
    //border-radius: 15px 15px 0 0;
	max-height:145px;
}
div.eachproduct.tiny img {
	width:142px;
	overflow:hidden;
	max-height:126px;
}

div.eachproduct.tiny span.pricespan_ex, div.eachproduct.medium span.pricespan_ex, div.eachproduct span.pricespan_ex {
	position:absolute;
	font-weight:bold;
	bottom:6px;
	right:7px;
}
div.eachproduct.tiny span.pricespan_ex {
	sdisplay:none;
}
div.eachproduct.tiny a.eachproductlink {
	xposition:absolute;
	xbottom:6px;
	right:12px;
	font-size:0.7em;
}
div.eachproduct.tiny span.pricespan_ex {
	font-size:0.85em;
}
div.eachproduct input[type="number"] {
	width:60px;
}
div.eachprodpricebuy {
	position:absolute;
	bottom:36px;
	right:6px;
}

a.eachproductlink {
	position:absolute;
	width:100%;
	bottom:6px;
	font-size:0.9em;
}
a.eachproductlink.logged_in0 {
	left:6px;
}
a.eachproductlink.logged_in1 {
	left:24px;
}
a.eachproductlink span {
	margin-right:20px;
}

div#maincarousell {
	position:absolute;
	top:0;
	left:0;
}

/* main two top parts of product page */

div#product_imgs, div#product_details {
	position:absolute;
	top:70px;
	left:0;
	height:440px;
	width:550px;
	xborder: 1px solid red;
}

div#product_details {
	left:540px;
}

/*div#product_details.complex_product {*/
div#product_details div#thescrollablepart {
	height:360px;
	overflow:auto;
	/*
	border: 1px solid red;
	background:yellow;
	*/
}
img.slides.slide_hidden {
	opacity:0;
}
img.slides  {
	transition: all 2s linear;
    //border-radius: 15px;
	width:530px;
	height:440px;
	position:absolute;
	left:0;
	object-fit: cover;
	overflow:hidden ;
}
img.articleslides {
	max-height:200px;
}

/* -------------- product page-------------- -------------- -------------- -------------- -------------- -------------- */

/* ---------------------- STARS ------------------------------------------------- */
span.star button {
	font-size:30px;
	height:33px;
	width:32px;
	padding:0;
	border:0;
	background:transparent;
	xbackground:#f9fbff;
}
div.star button.on, span.star button.on {
	zcolor:yellow;
	xborder:1px solid lightgrey;
}
div.star button span, span.star button span {
	position:relative;
	top:-0.3em;
}

span.star_eachproduct {
	position:absolute;
	height:20px;
	width:20px;
	bottom:0.6em;
	left:0.5em;
}
div.star.star_eachproduct button {
	font-size:26px;
}
div.star.star_eachproduct button span {
	top:-0.15em;
}
/* ---------------------- STARS ------------------------------------------------- */


div#under_the_menu h4 {
	margin-bottom:2px;
}
/* -------------- orderform on product page-------------- -------------- -------------- -------------- -------------- -------------- */
div#product_prices {
	/*
	width:96%;
	border: 1px solid #adadad;
	*/
	background-color:white;
	padding:10px;
}
div#product_details.complex_product div#product_prices {
	width:100%;
	position:absolute;
	bottom:0;
}

div#product_prices span.orderbuttons {
	//border: 1px solid red;
	position:relative;
	top:-28px;
	right:15px;
}

div#product_prices span.orderbuttons button {
	font-size:14px;
	height:34px;
	color:#333;
    padding: 2px 10px;
    border-radius: 0 17px 17px 0;
	margin:-4px;
}

form.addproduct2basket input[type="text"],form.addproduct2basket input[type="number"]  {
	//height:18px;
	width:151px;
	padding:6px;
	color:red;
}

form.addproduct2basket button.add2bsk, form.addeachproduct2basket button.addeachproduct2basket, button.addeachproduct2basket  {
    border-radius: 11px 0 0 11px;
	height:22px;
	color:#333;
}

div#product_prices span.orderbuttons button.upqty, div#product_prices span.orderbuttons button.downqty {
 	background-color:white;
 	border: 1px solid #ccc;
    padding: 0;
	width:40px;
	font-weight:bold;

}
div#product_prices span.orderbuttons button.add2bsk {
	color:white;
	width:101px;
}

div#product_prices span.orderbuttons button.upqty {
    border-radius: 17px 0 0 17px;
}
div#product_prices span.orderbuttons button.downqty {
    border-radius: 0;
}

form.addproduct2basket span.pricespan_ex, form.addproduct2basket span.pricespan_inc  {
	color: #56a1b4;
	font-size:26px;
	margin-left:12px;
}
form.addproduct2basket span.mvatext_ex, form.addproduct2basket span.mvatext_inc,
form.addeachproduct2basket span.mvatext_ex, form.addeachproduct2basket span.mvatext_inc  {
	font-size:12px;
}
button.addeachproduct2basket {
	color:white;
	font-size:11px;
	padding:2px 12px 2px 2px ;
    border-radius: 0 16px 16px 0;
}
form.addeachproduct2basket input[type="text"],form.addeachproduct2basket input[type="number"]  {
	height:22px;
	width:51px;
	padding:3px;
}
/* -------------- /orderform on product page-------------- -------------- -------------- -------------- -------------- -------------- */


/* -------------- Trekkspill -------------- -------------- -------------- -------------- -------------- -------------- */

div.jularbo {
	margin: 0 0 6px 0;
	padding:10px;
	background-color:white;

}
h4.tangent {
	margin: 4px 0 ;
	cursor:pointer;
}
div.belg {
	padding:8px;
	font-size:14px;
	//background:rgba(84, 32, 18, 0.5);
}
/*
div#belg_1 {
	height:138px;
	overflow:auto;
}
*/

/* -------------- Parts_for -------------- -------------- -------------- -------------- -------------- -------------- */
div#parts_for_wrapper {
	padding: 0;
	clear:both;
}
div.parts_for {
	position: relative;           
	background-color:white;
	margin-bottom: 14px;
	height:111px;
	width:530px;
	float:left;
}
div.parts_for:nth-child(even)  {
	margin-left: 12px;
	width:535px;
}
div.parts_for img.hot {
	position:absolute;
	right:8px;
	top:6px;
	xheight:20px;
	width:14px!important;
}
div.parts_for img.thumbnail {
	float:left;
	width:150px;
	max-height:111px;
}

div.parts_for div.name {
	position: absolute;           
	left: 180px;            
	color:#333;

    top: 50%;        
    transform: translate(0, -50%);   

	padding:0 ;
	font-size:16px;
	width:330px;
	float:left;
}
div.parts_for div.allergen {
	position:absolute;
	bottom:7px;
	right:6px;
	font-size:11px;
	//font-style:italic;
	text-transform: lowercase;
	color:#333;
}

div.parts_for div.price {
	display:none;
	position:absolute;
	bottom:7px;
	right:11px;
	font-size:14px;
}

div.parts_for div.doddate {
	position:absolute;
	top:7px;
	right:11px;
	font-size:14px;
}

/* -------------- /Parts_for -------------- -------------- -------------- -------------- -------------- -------------- */

/* Allergener */

.allergener-icon {
	background-image:url("/img/static/sprites/allergener.svg");
	background-size:212px 212px;
	background-position:0px 0px;
	height:40px;
	width:40px;
	float:left;
	clear:none;
	background-repeat:none;
	opacity:0.1;
	//border:1px solid green;
}

.allergener-icon.contains {
	opacity:0.9;
}
.may-contain {
	opacity:0.4;
}

.allergener-icon#melk {
	background-position:0px -42px;
}
.allergener-icon#egg {
	background-position:-42px 0px;
}
.allergener-icon#notter {
	background-position:-42px -42px;
}
.allergener-icon#peanotter {
	background-position:-84px -42px;
}
.allergener-icon#soya {
	background-position:-84px -84px;
}
.allergener-icon#gluten {
	background-position:-126px 0px;
}
.allergener-icon#fisk {
	background-position:-84px 0px;
}
.allergener-icon#skalldyr {
	background-position:-42px -84px;
}
.allergener-icon#bløtdyr, .allergener-icon#blotdyr {
	background-position:0px 0px;
}
.allergener-icon#selleri {
	background-position:-126px -42px;
}
.allergener-icon#sennep {
	background-position:-168px -42px;
}
.allergener-icon#sesamfro  {
	background-position:0px -84px;
}
.allergener-icon#lupin {
	background-position:-168px 0px;
}
.allergener-icon#svoveldioksid-sulfitt {
	background-position:-130px -88px;
}

span.all_short {
	position:relative;
	top:36px;
    font-size: 11px;
}


/* ------------------------- POWERUSER ------------------------- */

div#poweruser_innergrid {
	margin-top:70px;
}
div#poweruser_innergrid div {
	padding:20px;
}

div#mainmenu_power {
	float:left;
	width:280px;
	/*
	grid-column: themenu;
	grid-row: themainarea;
	*/
}
div#mainmenu_power div.each_pwc {
	background:white;
	margin-bottom:10px;
	padding:6px 15px;
	
}
div#products_power_outer {
	float:left;
	width:800px;
	grid-column: theitems;
	grid-row: themainarea ;
}
div#summary_power {
	grid-column: theitems;
	grid-row: 	 thesummary ;
}
div#gotobasket_power {
	grid-column: themenu;
	grid-row: 	 thesummary ;

}
div#gotobasket_power button {
	font-size:1.1em;
}

table.products_power {
	width:100%;
	border-collapse:collapse;
}
table.products_power tr.theheader th {
	border-bottom:1px solid #333;
}
table.products_power th {
	position:relative;
	padding:10px;
}
table.products_power td.qty,table.products_power td.img  {
	text-align:center;
}
table.products_power td.qty  {
	width:96px;
}
table.products_power td.qty input {
	width:100%;
	text-align:right;
}
table.products_power td input.qty {
	width:66px;
}
table.products_power tr.ingress td {
	position:relative;
	background: #FFF;

}

table.products_power tr.ingress td img {
	width:330px;
	float:left;
}
table.products_power tr.ingress table.puc_table {
	width:410px;
	float:right;
	padding:10px;
}
table.products_power tr.ingress table.puc_table tr th {
	font-size:1.7em;
	font-weight:500;
	padding:0 6px;
}
table.products_power tr.ingress table.puc_table tr td {
	font-size:20px;
	font-weight:500;
}
table.products_power tr th a,
table.products_power tr td a {
	text-decoration:none;
}
table.products_power tr.ingress table.puc_table tr td p {
	font-size:14px;
}
table.products_power tr.ingress table.puc_table tr td div.buy  {
	padding:0!important;
	margin:0!important;
	text-align:right;
}

img.proff_in_cart_thumb , img.proff_in_cart {
	position:absolute;
	top:0;
	right:0;
}
img.proff_in_cart_thumb {
	height:24px;
}

div.belg.subgroups_power  {
	padding:0!important;
}
div.belg.subgroups_power ul {
	list-style-type:none;
	padding:0;
	margin-left:0;
	font-size:0.85em;
}
div.belg.subgroups_power ul li a {
	text-decoration:none;
}
/* ------------------------- /POWERUSER ------------------------- */


/* ------------------------- ICONS ------------------------- */


div.eachproduct span.bestseller, div#product_imgs span.bestseller , div.bestseller_wrapper span.bestseller {
	position:absolute;
	/*color: #000;*/
	color:#FFF;
	/*background-color:white;*/
	font-size:1.1em;
	font-weight:bold;
	transform: rotate(-45deg);
	left: 4px;
	top:30px;
	z-index:111;
}

div.eachproduct img.hot, div#product_imgs img.hot  {
	position:absolute;
	z-index:1;
}
div.eachproduct img.hot  {
	right:44px;
	bottom:12px;
	height:14px;
	width:14px;
}
div#product_imgs img.hot  {
	right:14px;
	bottom:12px;
	height:30px;
	width:30px;
}

div.bestseller_wrapper span.bestseller {
	font-family: "din_light",sans-serif;
	font-weight:bold;
	top:30px;
	left:4px;
}
div.bestseller_wrapper span.bestseller.newdish {
	font-family: "din_light",sans-serif;
	font-weight:bold;
	left:16px;
}

span.bestseller_small {
	color: #000;
	/*color:#32313;
	background-color:white;*/
	font-size:0.6em;
	font-weight:bold;
	transform: rotate(-45deg);
	position:absolute;
	left:2px;
	top:28x;
}

div.bestseller, div.newdish, div.onsale {
	position:absolute;
/*
	top:-80px;
	left:-80px;
	heigth:0;
	width:0;
	padding:0!important;
	border-top:80px solid transparent;
	border-right:80px solid rgba(76, 76, 78, 1);
	border-bottom:80px solid transparent;
	border-left:80px solid transparent;
	transform: rotate(45deg);
	z-index:1;
*/
	z-index:1;
	top:0;
	width: 0;
	height: 0;
	border-top: 100px solid rgba(216,120,37, .65);
	border-right: 100px solid transparent!important;	
}
div.onsale {
	border-top: 100px solid grey;
}

/*div.bestseller {
	padding:0!important;
}
*/
div.newdish {
	border-right:80px solid rgba(216,120,37, .65);
}
/*
div#product_imgs div.newdish {
	top:0;
	left:0;
}
div#product_imgs div.bestseller {
	top:0;
	left:0;
}
*/
div.bestseller_small, div.newdish_small {
	position:absolute;
	padding:0!important;
	heigth:0;
	width:0;
	top:-30px;
	left:-30px;
	border-top:30px solid transparent;
	border-bottom:30px solid transparent;
	border-left:30px solid transparent;
	transform: rotate(45deg);
	border-right:30px solid rgba(76, 76, 78, .4);
}
div.newdish_small {
	border-right:30px solid rgba(216,120,37, .65);
}

div.eachproduct div.in_cart_big, div#product_imgs div.in_cart_big  {
	position:absolute;
	z-index:98;
	top:-40px;
	right:-20px;
	heigth:0;
	width:0;
	border-top:40px solid transparent;
	border-right:40px solid rgba(216,120,37, .85);
	border-bottom:40px solid transparent;
	border-left:40px solid transparent;
	transform: rotate(135deg);
}

div.eachproduct img.cart, div#product_imgs  img.cart {
	z-index:99;
	position:absolute;
	top:7px;
	right:27px;
	height:20px;
	width:20px;
}

div.eachproduct span.in_cart_big  {
	z-index:101;
	position:absolute;
	top:10px;
	right:10px;
}

tr.pow_cat_line th ,tr.pow_cat_line td {
	border-bottom:0.5px dotted #333;
}

tr.pow_cat_line span.testspan  {
	background-color:yellow;
}

tr.pow_cat_line  div.cart_wrapper  {
	position:absolute;
	top:0;
	right:0;
}

tr.pow_cat_line div div.in_cart_small,
tr.ingress div div.in_cart_small  {
	position:absolute;
	padding:0!important;
	z-index:91;
	top:-30px;
	right:-30px;
	heigth:0;
	width:0;
	border-top:30px solid transparent;
	border-right:30px solid rgba(216,120,37, .85);
	border-bottom:30px solid transparent;
	border-left:30px solid transparent;
	transform: rotate(135deg);

    box-sizing: border-box;
}

tr.pow_cat_line div.cart_wrapper span.in_cart_small {
	z-index:101;
	position:absolute;
	top:6px;
	right:4px;
}

tr.ingress div.cart_wrapper span.in_cart_small {
	z-index:107;
	position:absolute;
	top:10px;
	right:7px;
}
tr.pow_cat_line div span.in_cart_small img, 
tr.ingress div span.in_cart_small img {
	width:16px;
	height:16px;
}
/* ------------------------- /ICONS ------------------------- */

/*-------- category .........*/
div#category {
	min-height:550px;
	dborder:1px dotted blue;
}

div#submenu {
	float:left;
	width:220px;
}
div#subcontent {
	float:left;
	width:830px;
	margin-bottom:25px;
}
div.eachproduct {
	float:left;
	width:270px;
	height:270px;
	margin:3px;
}
/*-------- /category .........*/

/*-------- product .........*/
div#product {
	margin-top:80px;
}
div#product_inner {
	height:550px;
}
div#under_the_menu {
	height:190px;
}
/*-------- /product .........*/

/* ------------------ DISH OF THE DAY ----------------------- */

div.dodcontainer {
	width:550px; 
	float:left;
}

div.dodcontainer:nth-child(even)  {
	width:530px;
	visibility: hidden;
}

div.parts_for_dod {
	position: relative;           
	background-color:white;
	margin-bottom: 14px;
	height:111px;
	width:530px;
	float:left;
}

div.parts_for_dod img.hot {
	position:absolute;
	right:8px;
	top:6px;
	xheight:20px;
	width:14px!important;
}
div.parts_for_dod img.thumbnail {
	float:left;
	width:150px;
	max-height:111px;
}

div.parts_for_dod div.name {
	position: absolute;           
	left: 180px;            
	color:#333;

    top: 50%;        
    transform: translate(0, -50%);   

	padding:0 ;
	font-size:16px;
	width:330px;
	float:left;
}
div.parts_for_dod div.allergen {
	position:absolute;
	bottom:7px;
	right:6px;
	font-size:11px;
	//font-style:italic;
	text-transform: lowercase;
	color:#333;
}

div.parts_for_dod div.price {
	display:none;
	position:absolute;
	bottom:7px;
	right:11px;
	font-size:14px;
}

div.parts_for_dod div.doddate {
	position:absolute;
	top:7px;
	right:11px;
	font-size:14px;
}

/* ----------------- /DISH OF THE DAY ----------------------- */


/* --------------------- CALENDAR --------------------------- */

div.calcontainer {
}

div.calcontainer:nth-child(4n) {
    clear: both;
}

div.calmonth {
	position: relative;           
	background-color: white;
	margin-bottom: 14px;
	padding-left: 35px;
	height: 250px;
	width: 270px;
	float: left;
}

table.calendar td {
	padding: 3px 5px 3px 5px;
}

table.calendar td.calday:hover {
	cursor: pointer;
	background-color:#C8E6ff;
	/*background-color: #b3e6b3;*/
	font-weight: bold;
}

.calmonthtitle {
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid gray;
}

.caldaytitle {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid gray;
}

.calday {
	text-align: center;
}

.today {
	background-color:#C8E6ff;
	font-weight: bold;
}

.weekend {
	background-color: #FCC9B9;
	/*background-color: #ffecb3;*/
}

/* -------------------- /CALENDAR --------------------------- */

div#article_innergrid h1 {
	color: initial;
	font-weight: initial;
}
h4 {
	font-size: initial;
	//margin-bottom:0;
}
div#article_imgs.article {
	position:relative;
	height:300px;
}
div#article_imgs.article div#maincarousell {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:300px;
	overflow:hidden;
}
div#article_imgs div#maincarousell img.slides {
	position:absolute;
/*
	top:0;
	left:0;
	object-fit: cover;
	width:100%;
	height:300px;
*/	

	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: auto;
	width: 100%;
	
}

div#article_inner.wide div.bolk img.img2 {
	width:100%;
}
div#article_inner.wide div#article_seealso {
	width:100%;
	height:278px;
}

div#article_inner.narrow div.bolk img.img2 {
	width:50%;
}

/* ----------- paragraph classes ----------------------------------------------*/

div.bolk {
	A:A;
	xborder:1px dotted grey;
}

div.bolk p {
	margin-bottom:0;
}
.p_internalinfo {
	//color:red;
}
div.p_rightpicture img {
	float:right;
}
.p_purchase {
	//color:blue;
}
div.p_bigpicture div.backing img {
	width:100%;
}

/* ------------------ punchout  -----------------------------------------------------------*/
table.punchout.welcome {
	border-collapse:collapse;
}
table.punchout.welcome tbody tr.inside {
	background: white;
}
table.punchout.welcome tbody th, table.punchout.welcome tbody td {
	font-size:1.15em;
	font-weight: 600;
	padding:5px;
}
table.punchout.welcome tbody tr.inside td {
	border-bottom:0.5px solid grey;
}
table.punchout.welcome tbody td a {
	color:#425b76;
}
table.punchout.welcome tbody th {
	font-size:2em;
}

/* ------------------ references -----------------------------------------------------------*/

div.bolk.p_reference  {
	position:relative;
	height:180px;
	background-color:#FFF;
}
div.bolk.p_reference div.artref {
	padding:5px 10px;
}
div.bolk.p_reference div.artref table tr td {
}

div.bolk.p_reference div.r_thetext, div.bolk.p_reference div.r_thetext {
	position:relative;
	height:70px;
	float:left;
	width:66%;
}
div.bolk.p_reference table.r_therating, div.bolk.p_reference div.artref table.r_therating {
	float:right;
	width:30%;
}
div.bolk.p_reference table.r_therating tr th,div.bolk.p_reference div.artref table tr th  {
	padding-right:10px;
}
div.bolk.p_reference table.r_therating tr td,div.bolk.p_reference div.artref table tr td  {
	font-size:initial;
	width:95px;
	color:#ff9900;
}

div.bolk.p_reference div.r_thetext div.ref_name {
	position:relative;
	right:6px;
	bottom:2px;
}

.footref {
	position: absolute;
	transition: all 2s linear;
	width:100%;
	top:0;
	left:0;
	opacity:1;
	padding: 0;
}
.footref_hidden {
	opacity:0;
}
  
/* ------------------ /references -----------------------------------------------------------*/

/* ------------------ widetrack -----------------------------------------------------------*/
div.bolk.p_widepicture {
	overflow:hidden;
	height:300px;
}
div.bolk.p_widepicture div.wide_backing {
	position:absolute;
	left:-300px;
	right:-300px;
	height:300px;
	xmargin: 20px 0;
}

div.bolk.p_widepicture div.wide_backing img {
	height:300px;
	object-fit: cover;
	width:100%;
}

/*

div.p_widepicture {
	//margin-bottom:50px;
}
div.p_widepicture div.backing {
	position:absolute;
	left:0px;
	right:0;
	//background-color:white;
	z-index:-87;
	overflow:hidden;
	height:210px;
}
div.p_widepicture div.backing img {
	max-height:210px;
	width:100%;
    object-fit: cover;
}
div.p_widepicture div.widepicturetext {
	position:relative;
	top:200px;
}
*/
/* ------------------ /widetrack -----------------------------------------------------------*/

.p_technical {
	// color:green;
}
.p_practical {
	// color:brown;
}
.p_userguide {
	// color:lighblue;
	// background-color:pink;
}

/*
div#maincarousell.article img {
	position:relative;
	top:16px;
	height:70px;
	display: block;
	margin-left: auto;
	margin-right:auto;
}
*/
div.infobox {
	text-align:center;
	background-color:white;
	font-size:0.85em;
	margin-left:20px;
	width:300px;
	height:240px;
	float:right;
	position:relative;
	top:-40px;
}
div.infobox hr {
	width:85%;
}
div.infobox span {
	font-size:1.5em;
	color: #56a1b4;
}
div.infobox span {
	font-size:1.5em;
	color: #56a1b4;
}
div.infobox p {
	margin:0.3em;
}
div.infobox div.clock {
	margin:0.3em;
	font-size:0.75em;
	position:absolute;
	right:1em;
	top: 0.5em;

}
div.linkbox span {
	float:right;
	font-size:0.85em;
	margin-top:-20px;
	margin-right:10px;
}
div.infobox button {
	width:80%;
	position:absolute;
	left:10%;
	right:10%;
	bottom: 10px;
}
div.infobox.jumbotron {
	position:absolute;
	text-align:left;
	padding:10px 0 10px 20px;
	top:100px;
	right:0;
	width:220px;
	height:180px;
}
div.infobox.jumbotron h3 {
	color:black;
	font-weight:600;
}

/* ---------------- contactus_innergrid -----------------------*/

div#contactus_innergrid {
	margin-top:90px;
}
div#contactus_innergrid div#contactus_txt {
	width:40%
}
div#contactus_innergrid div#contactus_map
	width:56x;
}

/* ---------------- /contactus_innergrid -----------------------*/ul.tabmenu {
	list-style:none inside none;
	background-color:#f1efed;
	padding:0 66px 0 0 ;
}

ul.tabmenu li {
	padding:12px 16px;
	cursor:pointer;
	color:#333;
	background-color:transparent;;
}

ul.tabmenu li.activetab {
	list-style-type:none;
	background-color:grey;
	font-weight:700;
}


/*  hide tabmenu while in basket page */
ul.tabmenu.basket {
	display:none;
}