/* ==========================================================================
   Base
   ========================================================================== */

b,
strong {
    font-weight: bold;
}

hr {
    height: 0;
    -moz-box-sizing: content-box;
    	 box-sizing: content-box;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
        
    max-width: 100%;
    height: auto !important;
}

button,
input,
select,
textarea {
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
	font-size: 14px;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
    		box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

{
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

/***** Begin here *****/

html {
	line-height: 1.4;
}

body {
    margin: 0;
    background: #edf5f7;
}

html,
button,
input,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	color: #1f1f1f;
}

h1, h2, h3, h4, h5, h6, .litenrubrik {
	margin-top: 0;
	margin-bottom: 10px;

	font-weight: 700;
	text-transform: uppercase;
	color: #006469;
}

h3, h4, h5, h6 {
    font-weight: bold;
}

h1 { 
	font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

.litenrubrik {
	font-size: 13px;
	color: #666;
}

p {
	margin: 0 0 10px;
}

a { 
	color: #666;
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}

input,
textarea {
	padding: 5px 7px;

	border: 1px solid #c2c2c2;

	color: #222;
	outline: none;

   	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
       -moz-box-sizing: border-box; /* Firefox, other Gecko */
    		box-sizing: border-box; /* Opera/IE 8+ */
}
input:focus,
textarea:focus {
	border: 1px solid #b2b2b2;
}

input[type="checkbox"], 
input[type="radio"] {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;

	border: none;

	background-color: transparent;

	line-height: normal;
	cursor: pointer;
}

hr {
    display: block;
    height: 1px;
    margin: 15px 0;
    padding: 0;

    border: 0;
    border-top: 1px solid #cfcfcf;
}


/* ==========================================================================
   Layuot
   ========================================================================== */

.l-holder {
	position: relative;

	max-width: 1150px;
	margin: 15px auto; 

	/*border-radius: 5px;*/
	
	z-index: 1;
}

.l-constrained {
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}

.l-big-constrained {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;	
}

.l-content {
	margin-left: 15px;
	margin-right: 15px;
}

.l-inner {	
	padding: 20px;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);	
}

.view-home .l-inner,
.view-cat .l-inner,
.view-prod .l-inner {
	padding: 0;
	background: none;
	box-shadow: none;	
}

.l-top-holder {
	background-color: #1f1f1f;	
	background-image: url(../design/header-bg.png);
	background-repeat: no-repeat;
	background-position: top center; 
}

.l-header-holder {
	width: 100%;
}

.l-header {
	position: relative;

	height: 146px; /* Height is required for .l-menubar to functioning properly in fixed state */
	
	background: #fff url(../design/header_bg.png) repeat-x;
}

.l-header__left {
	float: left;	
}

.l-header__right {
	float: right;	
	padding-top: 10px;
}

.l-header__middle {
	overflow: hidden;
	padding-top: 28px;
	padding-left: 60px;
	padding-right: 60px;	
}

.l-header__left__left {
	float: left;	
}

.l-header__left__right {
	float: right;
	padding-top: 25px;
	padding-left: 50px;	
	font-size: 12px;
	color: #fff;
}

.l-header__left__right a {
	color: #fff;	
}

.l-header-holder .l-header {
	background: none;	
	height: auto;
	padding-top: 20px;
	padding-bottom: 15px;
}

.l-header-holder .site-logo {
	width: auto;
	margin: 0;
}

.l-header-holder .site-search {
	display: inline-block;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin-bottom: 0;
	width: 100%;
	max-width: 350px;	
	height: 45px;
	backgorund: #edf5f7;
	border-style: none;
	border-radius: 3px;
	padding-top: 0;	
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.l-header-holder .site-search__input,
.l-header-holder .site-search__btn {
	height: 45px;
	line-height: 45px;
	padding-top: 0;	
	padding-bottom: 0;
}


.l-header__right ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.l-header__right__top {
	max-width: 390px;	
}

.l-header__right__top li {
	float: left;
	width: 33.33%;
	margin-bottom: 5px;	
	padding-left: 20px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: right;
	color: #ccc;
}

.l-header__right li a {
	color: #ccc;	
}

.l-header__right__bottom {
	margin-top: 20px;
	text-align: right;	
}

.l-header__right__bottom li {
	display: inline-block;
	margin-left: 10px;
}

.l-header__right__bottom li .wgr-icon {
	margin-right: 8px;	
	color: #2b8d93;
}

.l-menubar-holder {
	position: relative;
	z-index: 10;
	width: 100%;
	border-top: 1px solid #333;
}

.l-menubar2 {	
	position: relative;	
	z-index: 11;
}

.l-menubar__left {
	float: left;	
}

.l-menubar__right {
	float: right;	
}

.l-menubar {
	position: relative;
	z-index: 10;

	min-height: 35px;
	margin-bottom: 15px;

	/*border: 1px solid #dcdcdc;*/
	/*border-radius: 5px;*/

	background: #2a8c92 url(../design/menubar_bg.png) repeat-x bottom;
}

.l-bottom-menubar-holder {
	width: 100%;
	background: #c6e0e3;	
}

.l-bottom-menubar * {
	margin-bottom: 0;	
}

.l-bottom-menubar {
	padding-top: 7px;
	padding-bottom: 7px;
}

.l-bottom-menubar__left {
	float: left;	
	padding-top: 5px;
}

.l-bottom-menubar__right {
	float: right;	
}

.l-bottom-menubar ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.l-bottom-menubar__left li {
	display: inline-block;
	margin-right: 20px;	
}

.l-bottom-menubar h2 {
	text-transform: none;
	font-size: 15px;
	font-style: italic;
	font-weight: 700;	
}

.l-bottom-menubar h2 em {
	font-weight: 400;	
}

.l-content {
	margin-bottom: 15px;
}

.l-sidebar, 
.l-sidebar-primary {
	width: 168px;
	float: left;
}
.l-sidebar {
	margin-left: 15px;
}
.l-sidebar-primary {
	margin-right: 15px;
}

.l-footer-top-holder {
	width: 100%;	
	background: #1f1f1f;
}

.l-footer-top {
	padding-top: 20px;
	padding-bottom: 20px;	
	color: #ddd;
}

.l-footer-top a {
	color: #ddd;	
}

.l-footer-top .btn {
	color: #fff;	
}

.l-footer-top__left {
	float: left;
	width: 65%;	
}

.l-footer-top__right {
	float: right;
	max-width: 35%;	
}

.l-footer-top__left__left {
	float: left;	
	padding-right: 20px;
}

.l-footer-top__left__right {
	overflow: hidden;
	min-width: 280px;	
}

.l-footer-top__left__left * {
	margin-bottom: 0;	
}

.l-footer-top__right ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.l-footer-top__right li {
	display: inline-block;
	margin-left: 10px;	
}

.l-footer-top__right a:hover img {
	opacity: 0.8;	
}

#footerNewsletterForm {
	max-width: 355px;	
}

#footerNewsletterForm input {
	height: 45px;
	width: 70%;
	float: left;
	background: #edf5f7;
	border-style: none;
	border-radius: 4px 0 0 4px;
	vertical-align: middle;	
	padding-left: 10px;
}

#footerNewsletterForm .btn {
	height: 45px;
	line-height: 45px;
	padding: 0;
	float: right;
	width: 30%;
	text-align: center;	
	vertical-align: middle;
	border-radius: 0 4px 4px 0;
}

.l-footer-holder {
	width: 100%;	
	background: #1f1f1f;
	border-top: 1px solid #333;	
}

.l-footer {
	padding-top: 40px;
	padding-bottom: 30px;
	color: #ddd;
}

.l-footer a {
	color: #ddd;
}

.l-footer a:hover {
	text-decoration: none;
	color: #fff;	
}


.l-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.l-footer-col-1,
.l-footer-col-2,
.l-footer-col-3 {
	float: left;
	width: 22%;
	max-width: 250px;	
	padding-right: 20px;
}

.l-footer-col-1 {
	width: 34%;
	max-width: 300px;	
}

.l-footer-col-4 {
	float: right;
	max-width: 22%;	
}

.l-footer-bottom-holder {
	width: 100%;
	background: #000;	
}

.l-footer-bottom {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.l-footer-bottom div {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;	
}

.l-footer-top h2,
.l-footer h2,
.l-footer-bottom h2 {
	font-size: 18px;
	color: #2b8c93;	
}

.l-product {
	overflow: hidden;
	padding: 20px;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.l-product-col-1 {
	width: 45%;
	margin-right: 15px;
	float: left;
}
.l-product-col-2 {
	overflow: hidden; /* Overflow hidden layout */
	
}

.fancybox-outer, #fancybox-wrap {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;	
}

/* ==========================================================================
   Helpers
   ========================================================================== */

/* Clear floated elements */
.clearfix:before, 
.clearfix:after {
	content: ""; 
	display: table; 
}
.clearfix:after { 
	clear: both; 
}
.clearfix {
	*zoom: 1; 
}

/* Media Object  */
.media {
	margin-top: 15px;
	margin-bottom: 15px;
}
.media, 
.media-body {
	overflow: hidden; 
}
.media-img {
	margin-right: 15px;
	float: left; 
}
.media-img img {
	display: block;
}

/* List in horizontal mode  */
.nav, 
.nav-float {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav > li, 
.nav > li > a {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.nav-float > li {
	float: left;
}
.nav-float > li > a {
	display: block;
}

/* Clean list */
.block-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-info dd {
	margin: 0 0 15px;
}

.flush {
	margin: 0 !important;
}
.wipe {
	padding: 0 !important;
}

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}

.muted {
	color: #999;
}

.brand {
	color: #006469;
}

/* ==========================================================================
   Modules
   ========================================================================== */

.breadcrumbs {
	margin-bottom: 20px;
	font-size: 12px;
}
.breadcrumbs > li {
	margin-right: 5px;
}

.filter-section {
	margin-bottom: 15px;
}
.filter-section > li {
	margin-right: 10px;
}
.filter-section > li > * {
	vertical-align: middle;
}

/* Used at ex: .filter-section and .rewies  */
.highlight-bar {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 7px 10px 10px;
	background: #1f1f1f;
	color: #fff;
}

.startpage-top {
	position: relative;	
	margin-bottom: 20px;
}

.startpage-top__left {
	float: left;
	width: 72%;	
}

.startpage-top__right {
	position: relative;
	z-index: 2;
	float: right;
	width: 26%;
	padding: 15px;
	background: #fff;
}

.startpage-top__right-bg {
	position: absolute;
	top: 0;
	bottom: 20px;
	right: 0;
	width: 26%;	
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);	
}

.newsitem__img {
	float: left;
	width: 100px;
	height: 100px;
	line-height: 100px;	
}

.newsitem__body {
	overflow: hidden;
	padding-left: 15px;	
}

.startpage-top__right__bottom {
	margin-top: 20px;	
}

.startpage-top__right__bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.startpage-top__right__bottom li {
	display: inline-block;
	margin-right: 6px;	
}

.startpage-top__right h2,
.startpage-top__right h3 {
	padding-bottom: 3px;
	border-bottom: 1px solid #eee;	
	font-size: 18px;
}

.nyhetsdatum.muted {
	font-size: 12px;	
}

.nyhetslank {
	color: #006468;	
}

.start-logos {
	margin-bottom: 20px;
	background: #fff;
	padding: 20px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);	
	text-align: center;
}

.start-logos ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.start-logos li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;	
}

.startpage-bar {
	/*padding: 5px 10px;*/
	margin-top: 25px;
	margin-bottom: 10px;
	color: #006469;
	font-size: 18px;
	font-weight: 700;
}

.startpage-bar__link {
	padding-top: 5px;
	float: right;
	text-transform: none;	
	font-size: 12px;
	color: #006468;
	text-decoration: underline;
	font-weight: 400;
}

.input-highlight {
	padding: 6px;

	/*border: 1px solid #dcdcdc;*/
	border-radius: 7px;
	-webkit-box-shadow: inset 0 1px 2px #aaa;
	        box-shadow: inset 0 1px 2px #aaa;

	/*background: #fff url(../design/input_highlight_bg.png) repeat-x bottom;*/
	background: #e3edee;
	

}

.payment-logos img{
	
	margin-bottom: 10px;

}
.payment-logos div:last-child img{
	
	margin-bottom: 0;

}



.input-highlight:focus {
	border: 1px solid #dcdcdc;
}
.input-highlight--constrained {
	width: 100%;
	margin-bottom: 5px;
}

.site-logo {
	display: inline-block;
	margin-top: 25px;
	/*margin-bottom: 20px;*/
	margin-left: 17px;
	
	width: 70%;
}

.site-adress{
	position: absolute;
	top: 116px;
	left: 212px;
}

.site-opening{
	position: absolute;
	top: 55px;
	right: 276px;
}

.site-banner {
	position: absolute;
	top: -24px;
	right: -15px;

	width: 240px;
	height: 120px;

	background: url(../design/header_banner.png) no-repeat;
	display: none;
}
.header-menu {

	position: absolute;
	top: 20px;
	right: 10px;
	
	min-height: 15px;


	
}
.header-nav {
	float: left;
}
.header-nav__item {
	padding: 0 8px;

	border-right: 1px solid #045f64;  /*Secondary border */
	/*box-shadow: inset -1px 0 0 #fff;  First border */

	line-height: 10px;
	font-weight: normal;
	text-transform: uppercase;
    color: #045f64;
}
.header-nav__icon {
	margin-top: -3px; /* Fix for align middle */
}

.vat-selector {
	position: absolute;
	bottom: 0;
	right: 0;
	
	margin-right: 19px;
	/*margin-bottom: 10px;*/
	color: #006469;
}

/* Main navigation section */
.site-nav {
	position: relative;
	float: left;
}
.site-nav__item {
	border-bottom: 4px solid transparent;
	text-transform: none;
    color: #fff;
	padding: 4px 15px 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 42px;
}

.site-nav__item:hover {
	text-decoration: none;	
}

.site-nav > li:hover > a {
	border-bottom: 4px solid #fff;	
}

.site-nav > li.selected > a {
	border-bottom: 4px solid #2b8c93;
	color: #2b8c93;	
}	

.site-nav__icon {
	margin-top: -3px; /* Fix for align middle */
}

/* Languages section */
.lang-changer select {
	vertical-align: middle;
}

/* Primary search section */
.site-search {
	margin-bottom: 15px;
	overflow: hidden;
	
	position: absolute;
	top: 52px;
	right: 15px;
	
	width: 175px;
}
.site-search__input {
	width: 85%;
	height: 15px;
	padding: 0;
	float: left;

	border: none;
	background: none;
	
	color: #006469;
}
.site-search__input:focus {
	border: none;
}
.site-search__btn {
	width: 15%;
	height: 15px;
	float: left;

	border: none;

	background: url(../design/magnify.png) no-repeat 100% 50%;
}

/* Dropdown - Barebone */
.mega-menu ul,
.dropdown-menu ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}
.dropdown {
	position: absolute;
	top: 100%;
	left: 0;

	display: none; /* Hide dropdown */
}
.sub-menu {
	top: 0;
	left: 100%;
}
.has-dropdown:hover > .dropdown {
	display: block; /* Show dropdown */
}
.has-dropdown .wgr-icon {
	margin-left: 5px;
	font-size: 11px;
} 

/* Standard dropdown */
.dropdown-menu .has-dropdown {
	position: relative;
}
.dropdown-menu .dropdown {
	min-width: 100%;
	border: 3px solid #333;
	border-top-style: none;

	background: #fff;
}
.dropdown-menu .dropdown a {
	display: block;
	padding: 4px 30px 4px 10px;

	white-space: pre;
}

.dropdown-menu .dropdown .wgr-icon {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;

	margin: auto;
	height: 11px; /* Same as font-size */

	font-size: 11px;
}

/* Mega dropdown */
.mega-menu .dropdown {
	padding: 20px 0 20px 20px;
	border: 3px solid #1f1f1f;
	border-top-style: none;

	background: #fff;
	left: -3px;
	right: -3px;
}

.mega-menu .dropdown ul {
	display: none;	
}

/* Any level */
.mega-menu .dropdown a {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* First level */
.mega-menu .dropdown > li {
	display: inline-block;
	width: 20%;
	padding-right: 20px;

	vertical-align: top;
}
.mega-menu .dropdown > li > a {
	margin-bottom: 7px;
	padding: 6px 12px;
	background: #eee;
	font-weight: 600;
	font-size: 13px;
	color: #222;
}

.mega-menu .dropdown > li > a:hover {
	text-decoration: none;
	background: #ddd;	
}

.mega-menu .dropdown > li.selected > a {
	background: #c6e0e3;
	color: #006469;	
	font-weight: 700;
}


/* Block section */
.module {
	margin-bottom: 15px;
}
.module__heading {
	margin: 0;
	padding: 8px 10px;

	/*border-radius: 4px 4px 0 0;*/

	background: #47adb3 url(../design/module_heading_bg.png) repeat-x bottom;

	font-weight: bold;
	font-size: 16px;
	color: #fff;
	font-family: Arial, sans-serif, verdana;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	/*text-transform: uppercase;*/
}
.module__body {
	padding: 10px;

	border: 1px solid #dcdcdc;
	border-top: none;
}

/* Secondary navigation */
.listmenu {
	padding: 0;
	margin: 0;
	list-style: none;

	padding-left: 10px;
}
.listmenu li {
	position: relative;
}
.listmenu a {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;

	color: #222;
}
.listmenu .selected {
	font-weight: bold;
}

.listmenu-level-0 {
	padding-left: 0;
}
.listmenu-level-0:last-child {
	margin-bottom: -1px; /* Fix for double-border */
}

.listmenu-level-0__item {
	padding-left: 10px;

	border-bottom: solid 1px #dcdcdc;

	background: #fff url(../design/listmenu_bg.png) repeat-x bottom;
}

.listmenu-level-1 {
	padding-left: 15px;

	border-bottom: solid 1px #dcdcdc;

	background: #fff;
	box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.15), 
				inset 0 -4px 5px -5px rgba(0,0,0,0.1);
}

.menu-node {
	position: absolute;
	top: 10px;
	right: 8px;

	width: 6px;
	height: 6px;

	/* background-image: url("../design/node.png"); */
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.menu-node-minus {
	background-image: url("../design/node_minus.png");
}
.menu-node-plus {
	background-image: url("../design/node_plus.png");
}

/* Grid for product-items and category-items */
/* Sub-modules: .grid-gallery--products and .grid-gallery--categories */

.grid-gallery, 
.list-gallery {
	margin: 0;
	padding: 0;
	list-style: none;
}
.grid-gallery {
	margin-left: -2%;
}
.grid-gallery > li {
	display: inline-block;
	display: *inline;
	width: 23%;
	margin-left: 2%;
	margin-bottom: 2%;
	padding: 15px;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	/*border: 1px solid #e7ebe1;*/

	vertical-align: top;
	cursor: pointer;
}

.grid-gallery > li:hover {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);	
}

.list-gallery > li {
	margin-bottom: 15px;
}
.list-gallery > li:last-child {
	margin-bottom: 0;
}

/* Product-item and Category-item Style */
.product-item {}

.product-item__img {
	height: 175px;
	margin-bottom: 5px;

	line-height: 175px;
	text-align: center;	
}

.product-item__img img {
	max-height: 175px;	
}

.product-item__heading {
	height: 39px;
	margin-bottom: 5px;
	overflow: hidden; /* clip text */
	text-transform: none;
	font-weight: 400;
	font-size: 14px;
	color: #392f29;
}
.product-item .price {
	font-size: 22px;
}
.product-item__buttons {
	margin-top: 5px;
}

.category-item {
	text-align: center;
}
.category-item__img {
	height: 135px;
	margin-bottom: 10px;

	line-height: 135px;
}
.category-item__heading {
	overflow: hidden;
	height: 20px;
}
.category-item__heading a {
	text-decoration: none;
	color: #333;
}

/* Product section */
.product-carousel {
	height: 400px;
	margin-bottom: 15px;

	line-height: 400px;
	text-align: center;
}
.product-thumbs {
	margin-bottom: 15px;

	font-size: 0; /* Fix: Removes whitespace */
}
.product-thumbs img {
	max-height: 80px;
	max-width: 80px;
	margin: 0px 5px 5px 0px;

	cursor: pointer;
}
.product-option-spacing {
	padding-right: 10px;
	padding-bottom: 7px;
}

.btn.btn--prod {
	height: 45px;
	line-height: 45px;
	padding: 0 50px;
	vertical-align: middle;	
}

.product-quantity {
	width: 45px;
	height: 45px;
	border: 1px solid #CCC;
	border-radius: 3px;

	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.product-custom-fields {
	margin-left: 5px;
	margin-top: 10px;
}
.product-price-field {
	margin-top: 15px;
	margin-bottom: 15px;
}
.product-price-field .price {
	font-size: 21px;
}
.product-stock {
	margin-bottom: 5px;
}
.product-stock-item {
	display: none; /* Show them with js */
}
.product-stock-item__text {
	vertical-align: middle;
}

/* News-page section */
.news-item .media-img {
	width: 100px;
	min-height: 1px; /* Fix for collapsing width if .media-img is empty */
}
.news-item__date {
	font-style: italic;
	color: #999;
}

/* Button section */

.btn {
	display: inline-block;
	padding: 10px 20px;

	border-style: none;
	border-radius: 4px;

	background-color: #b0b0b0;
	background-image: linear-gradient(to bottom, #cdcdcd, #989898);

	font-size: 14px;
	font-weight: 600;
	color: #fff;
	line-height: 1;

	cursor: pointer;
}
.btn:hover {
	text-decoration: none;
	opacity: 0.8;
}

.btn--primary {
	background-color: #dd5120;
	background-image: linear-gradient(to bottom, #ea5724, #d04a1c);
	color: #fff;
}
.btn--primary--large {
	padding: 14px 40px;
	background-color: #dd5120;
	background-image: linear-gradient(to bottom, #ea5724, #d04a1c);
	color: #fff;
	font-size: 20px;
}

.topcart-btn {
	background: #cf4a1c;	
}

.btn--block {
	display: block;
	text-align: center;	
}

/* Clean button */
.neutral-btn {
    padding: 0;
 
    border-style: none;
    background-color: transparent;
    outline: none;
 
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
}

/* Alert-box section */

.alert {
	padding: 8px;
	margin-bottom: 15px;

	border: 1px solid #97c1da;
	border-radius: 3px;

	background-color: #d8ebf8;
	background-image: -webkit-linear-gradient(#d8ebf8, #d0e3ef);
	background-image: 	 -moz-linear-gradient(#d8ebf8, #d0e3ef);
	background-image: 		  linear-gradient(#d8ebf8, #d0e3ef);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	color: #264c72;
}
.alert--success {
	border-color: #b6d79a;

	background-color: #dff0d8;
	background-image: -webkit-linear-gradient(#dff0d8, #d3edc8);
	background-image: 	 -moz-linear-gradient(#dff0d8, #d3edc8);
	background-image: 		  linear-gradient(#dff0d8, #d3edc8);

	color: #387b39;
}
.alert--error {
	border-color: #da9797;

	background-color: #f8d8d8;
	background-image: -webkit-linear-gradient(#f8d8d8, #efd0d0);
	background-image: 	 -moz-linear-gradient(#f8d8d8, #efd0d0);
	background-image: 		  linear-gradient(#f8d8d8, #efd0d0);

	color: #9c2400;
}
.alert--warn {
	border-color: #dca874;
	
	background-color: #ffe3c8;
	background-image: -webkit-linear-gradient(#ffe3c8, #f5dac0);
	background-image: 	 -moz-linear-gradient(#ffe3c8, #f5dac0);
	background-image: 		  linear-gradient(#ffe3c8, #f5dac0);
	
	color: #613A00;
}

/* Price section */
.price {
	font-weight: 600;
	color: #1f1f1f;
}
.price-discount {
	color: #eb5724;
}
.price-orginal {
	font-size: 14px;
	text-decoration: line-through;
}
.price-klarna {
	font-size: 14px;
}

/* Reviews section */
.reviews {
	margin-bottom: 20px;
}
.review-body {
	padding: 10px 0;
	overflow: hidden;

	border-bottom: 1px solid #ddd;
}
.review-col-1 {
	width: 200px;
	margin-right: 15px;
	float: left;
}
.review-col-2 {
	overflow: hidden; /* Overflow hidden layout */
}
.review-date {
	font-size :10px;
}

.review-stars {
	display: inline-block;
	height: 15px;

	background: url(/design/star.gif) repeat-x top left;	
}
.review-stars-on {
	background-position: 0 -32px;
}
.review-stars-off {
	background-position: 0 0;
}
.review-stars-1 { width: 16px; }
.review-stars-2 { width: 32px; }
.review-stars-3 { width: 48px; }
.review-stars-4 { width: 64px; }
.review-stars-5 { width: 80px; }

/* Input form */
.input-form input,
.input-form textarea {
	width: 100%;
}

.input-form--checkout input,
.input-form--checkout textarea {
	margin: 3px 0;
}

/* Input's in group */
.input-group {
    position: relative;
  
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .input-group__item {
    position: relative;

    display: inline-block;

    width: 50%;
}
.input-group .input-group__item:first-child {
    width: 48%;
    margin-right: 2%;
}

.input-group-1-4 .input-group__item {
	width: 70%;
}
.input-group-1-4 > .input-group__item:first-child {
    width: 28%;
}

/* Checkout section */

.checkout-area-addresses,
.checkout-area-paymentoptions {
	width: 50%;
	float: right;
}

.checkout-area-addresses {
	padding-right: 20px;
	float: left;
}

.checkout-area-send {
	width: 50%;
	float: right;
	clear: right;
}

.checkout-stepnumber {
	display: inline-block;
	margin-right: 6px;
	padding: 3px 8px;

	border-radius: 25px;
	background-color: #006469;

	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.checkout-termsinfo {
	margin-top: 12px;
}
.checkout-highlight {
	background-color: #eb5724 !important;
	font-size: 16px;
	color: #FFF;
}

/* ==========================================================================
   States
   ========================================================================== */

.is-hidden {
	display: none;
}

.is-fixed-top {
	position: fixed;
	top: 0;
}

.is-menubar-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;

	margin-left: auto;
	margin-right: auto;
}

.is-menubar-sticky.l-menubar-holder {
	background: #1f1f1f;	
}

/* ==========================================================================
   OLD CSS
   ========================================================================== */
.checkout-img img {
	max-width: none;	
}

.graybg {
	border-collapse: collapse;	
}

th {
	font-weight: 700; 
	font-size: 14px; 
	text-align: left;
	color: #fff;
	background: #1f1f1f;
	border-style: none;
	height: 24px;
}

.first-graybg td {
	border-bottom: 1px solid #ccc;
}

table.graybg td {
	background-color: #eee;
}

th.t {
	background-color: transparent;
	text-align: right;
	background-image: none;
	border: none;
	color: #222;
}

table.graybg {
    width: 100%;
}

/* Dropdown-cart */

.view-checkout div#topcart-holder {
	display: none;
}
div#topcart-area {
	/*background: #ededed url(/design/topcart_bg.png) repeat-x bottom;*/
	/*box-shadow: inset 0 1px 2px #aaa;*/
	background: #eb5724;
	padding-left: 10px;
	margin-top: 5px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	border-radius: 3px;
	color: #fff;
}

div#topcart-area .btn--primary {
	height: 40px;
	line-height: 40px;
	padding: 0 12px;	
	margin-left: 10px;
	border-radius: 0 4px 4px 0;
}
	
div#topcart-hoverarea {
	display: inline-block;
	*display: inline;
	margin: 0 5px;
	cursor: pointer;
}

.topcart-icon{
	margin-right: 5px;
}

.topcart-arrow {
	font-size: 11px;	
}

.topcart-empty {
	display: inline-block;
	padding-right: 10px;	
}

div#popcart {
	position: absolute;
	right: 0px;
	top: 100%;
	padding: 5px;	
	border: 3px solid #1f1f1f;
	border-top: none;

	background-color: #fff;
	-webkit-box-shadow: -1px 1px 8px rgba(50, 50, 50, 0.3);
	   -moz-box-shadow: -1px 1px 8px rgba(50, 50, 50, 0.3);
			box-shadow: -1px 1px 8px rgba(50, 50, 50, 0.3);
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;
		
	color: #666;
	max-width: 350px;
	z-index: 900;
	height: 0px;
	overflow: hidden;
	display: none;	
}
div#popcart .btn--block {
	margin: 5px;
}
	
.cart-icons {
	color: #595959;
	font-size: 16px;
}
.cart-icons:hover {
	text-decoration: none;
}
.cart-add:hover {
	color: #338b33;
}
.cart-sub:hover {
	color: #3e62a3;
}
.cart-remove:hover {
	color: #900;
}

div.popCartRowSplit {
	height: 1px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2px;
}
div.popCartErrorMessage {
	background-color: #FCC;
	text-align: center;
	font-style: italic;
	padding: 5px;
	width: 100%;
	font-size: 10px;
	color: #333;
}

div#popCartShipping {
	background: #16757a url(/design/shipping_icon.png) 5px 5px no-repeat;
	color: #fff;
	margin: 4px;
	margin-bottom: 6px;
	padding: 4px;
	padding-left: 25px;
	font-weight: bold;
	font-size: 10px;
}
div#popCartShipping a, div#popCartShipping a:hover {
	text-decoration: underline;
	color: #fff;
}

#cartCountryForm select {
	height: 30px;
	vertical-align: middle;	
}

#cartCountryForm .btn {
	height: 30px;
	line-height: 30px;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
	margin-left: 3px;	
}

/* Checkout */
			
			.fb_iframe_widget iframe {
				position: relative !important;
			}
			

tr.doldkassarad {
	display: none;
}

#checkoutSwitchModeInfo {
	background: #eee url(/gfx/question.gif) 6px 8px no-repeat;
	padding: 6px;
	padding-left: 24px;
	margin-top: 6px;
}
#checkoutSwitchModeInfo a {
	text-decoration: underline;
}

.checkoutTextarea {
	height: 48px;
}

.checkoutFieldsBlock {
	margin-bottom: 16px;
}

#checkoutCountrySpan {
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.checkoutExtraTable {
	margin: 14px 0;
}
.fader {
	
	background: url(/design/fader.png) no-repeat;
	
	position: absolute;
	top: 250px;
	left: -300px;
	
	height: 500px;
	width: 424px;
	
	z-index: -10;

}
.last{
	
	border-right:none;
	-webkit-box-shadow: none;
	        box-shadow: none;

}
.editlogos{
	
	padding-top:15px;

}

.lowercase {
	text-transform: lowercase;	
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}