:root {
    --main-override-color: #30547F;
	--header-override-color: #fff;
	--header-text-override-color: #30547F;
	--main-override-card-color: #383b4244;
	--main-override-card-text-color: #fff;
	--detaillist-override-header-text-color: #fff;
	--footer-override-color: #262626;
	--footer-text-override-color: #fff;
	--cc-btn-secondary-text: #fff;
}
/*div.headerGroup, div.pageHeader, a.login, a.search, a.menu { background-color: #fff !important}*/

div .articleContent {
margin-bottom: 0px;
padding-bottom: 0px !important;
padding-top: 0px !important;
}

@media screen and (max-width:800px){

div.pageHeader div.logo img {
    height: auto;
	max-height: 47px;
}
div.afterHeader { padding-top: 25px; padding-bottom: 5px; }
div.infosplit { margin-bottom: 0; }
}

@media screen and (max-width:400px){
    div.pageHeader{
        padding-left: 4px;
    }
	div.headerButtons a {
	width: 45px;
	}
}

div.infosplit div.info { padding-bottom: 0px; padding-top: 10px; }

div.subgroupslist li.subgroup > a:hover{ color:#fff }

div.subgroupslist li.subgroup.noimage > a > b {
    padding: 0.8em 5%;
	text-align: center;
}
div.subgroupslist a {
	border-radius: 10px;
	border: 3px solid #ff7030;
	
}



a {
	color: #000;
}
div.basketButton a { background-color: #fff }

ul.itemgrid a.actionButton:hover { background-color: #ff7030 }

a.button { 
	color: #fff; 	
	border-radius: 10px;
}
a.button:hover { 
	color: #000; 	
	background-color: #ff7030
}



#MainNav, #MainNav > ul > li > a, 
#MainNav > ul > li.selected > a {
	color: #000;
	background-color: #ff7030;
}

/*#MainNav, #MainNav > ul > li > a:hover, 
#MainNav > ul > li.selected > a:hover {
	color: #000;
}*/
#MainNav > ul > li > a:hover,
#MainNav > ul > li > a:focus,
#MainNav > ul > li.active > a,
#MainNav > ul > li.selected > a:hover,
#MainNav > ul > li.selected > a:focus {
    color: #000;
    background-color: #FFF;
}
div.nav.cat {
    padding: 10px 0 10px 25px;
    max-width: 1175px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-left: 3px;
	border-left-color: #ff7030;
	border-left-style: solid;
	border-right: 3px;
	border-right-color: #ff7030;
	border-right-style: solid;
	border-bottom: 3px;
	border-bottom-color: #ff7030;
	border-bottom-style: solid;
	border-radius: 0px 0px 10px 10px;
	
}

.nav.menu a,
.nav.meny a.active,
div.qLeafMenu a
div.qLeafMenu a {
    color: #000;
}
.nav.menu a:hover,
.nav.meny a.active,
div.qLeafMenu a:hover,
div.qLeafMenu a:focus {
    color: #000;
	background-color: #ff7030;
	border-radius:5px;
}
div.nav.cat,
.nav.menu a,
div.qLeafMenu a,
div.qLeafMenu a.back:not(:hover){
    color: #000;
    background-color: #fff;
}
/* .nav.menu a { background-color: #ffa060; margin:4px; border-radius:5px;} */
/* TODO: maybe change this. Why do we kbselect when we mouseover another part of the menu? Probably a bug. Fix it later */
/*div.qMenu a.kbSelected {
	background-color: #fff;
	color: #000;
}*/

/*div.pageFooter {
	color: #fff;
	background-color: #262626;
	box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.12);
}*/
/*div.pageFooter h2,
div.pageFooter a {
	color: #fff;
	background-color: #262626;
}*/
/*div.pageFooter a:hover{
	background-color: #262626;
}*/
div.logo img {
	max-width: 100%;
	margin-top: 1.5em;
}

/*div.headerButtons {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}*/
/*form.searchStrip {
	margin-top: 0.5em;
	justify-content: center;
}*/

/*.button {
	border: 2px solid #ccc !important;
}*/

/*div.mainimageWrapper a.button {
	border: 0 !important;
}*/


/*
div.register div.usertype li.active a.button,
div.register div.usertype li:hover a.button,
div.headerGroup,
div.pageTopbar,
div.pageTopbar a,
div.pageHeader,
div.headerButtons a,
div.basketButton a b.basketText,
div.qDropdown li a:hover,
div.qDropdown li.active a,
div.sortby a.sortButton:hover,
div.sortby a.sortButton:focus,
ul.itemgrid a.actionButton:hover,
ul.itemgrid a.actionButton:focus,
ul.itemgrid div.flags > div.discount,
div.product div.flags div.important,
div.variantPicker ol a:hover,
div.variantPicker ol a.button:focus,
div.variantPicker ol li.selected a,
.button,
div.subgroupslist a:hover,
div.subgroupslist a:focus,
div.modelspecFilter a.button{
	color: #000;
}*/

/*div.headerButtons a:hover,
div.headerButtons a:focus,
div.basketButton a:hover b,
div.basketButton a:focus b,
div.pageTopbar a:hover,
div.pageTopbar a:focus,
ul.accountDropdown li a,
div.sortby a.sortButton,
ul.itemgrid div.price,
ul.itemgrid a.actionButton,
div.articlelist li a h3,
div.articlelist.itemgroup i,
h1,
h2,
div.product div.productgrid h2,
div.product div.infowrapper h2,
div.subgroupslist a,
div.product div.head b, 
div.product div.head i,
div.productActions div.primary,
div.productActions div.primary b.beforeDiscount,
div.productActions div.secondary,
div.productActions div.secondary i,
div.variantPicker ol a,
div.static.proviso,
div.ask,
div.modelspecFilter a.button:hover,
div.checkoutPayment,
div.checkout ul.payment li.selected a, 
div.checkout ul.shipping li.selected a ,
div.checkout ul.payment li a, 
div.checkout ul.shipping li a  {
	color: #000;
}*/

/*Changes the background color of the favorites ikons on the items to transparent*/
.image+.flags>div.wishlist {
	background-color: transparent;
}