* 
{
	margin:0;
	padding:0;
	border:0;
}

input[type="submit"] {
	background-color: #e0e0e0; 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#b0b0b0));
	background-image: -webkit-linear-gradient(top, #e0e0e0, #b0b0b0); 
	background-image: -moz-linear-gradient(top, #e0e0e0, #b0b0b0);
	background-image: -ms-linear-gradient(top, #e0e0e0, #b0b0b0);
	background-image: -o-linear-gradient(top, #e0e0e0, #b0b0b0);
	border: 0px;
	border-radius: 6px;
	padding: 2px;
	color: #444;
	margin-top: 7px;
	margin-bottom: 2px;
	cursor: pointer;
}
input[type="button"] {
	background-color: #e0e0e0; 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#b0b0b0));
	background-image: -webkit-linear-gradient(top, #aoaoao, #b0b0b0); 
	background-image: -moz-linear-gradient(top, #e0e0e0, #b0b0b0);
	background-image: -ms-linear-gradient(top, #e0e0e0, #b0b0b0);
	background-image: -o-linear-gradient(top, #e0e0e0, #b0b0b0);
	border: 0px;
	border-radius: 6px;
	padding: 2px;
	color: #444;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: pointer;
}

#rrr-escl-timeline {
	/*font-family: "Gill Sans MT", sans-serif;*/
	font-family:Trebuchet MS,Arial;
	font-size: 67%;
}

p /* added by miz@rrr.se */
{
	padding-bottom:8px;
}

html 
{
	min-width:900px;
}

body 
{
	background-image:url('images/headerbg_bg.png');
	background-repeat:repeat-x;
	background-color:#f3f2ec;
	color:#777777;
	font-family:Trebuchet MS,Arial;
	font-size:14px;
	line-height:14px;
	background-color:#ffffff;
	min-width:900px;
}

a, a.rrrHref {
	color:#527195;
	text-decoration:none;
	font-weight:bold;
}

div#headerbg {
	height:77px;
	width:100%;
	z-index:50;
}

div#header
{
	position:relative;
	height:95px;
	width:910px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('images/header_bg.png');
	/* background-repeat:no-repeat; */
}

	#logo 
	{
		background-image:url("images/logo.png");
		width:137px;
		height:60px;
		float:left;
		margin-left:-4px;
		margin-top:13px;
	}
	
	#logInOut 
	{
		position:absolute;
		top:10px;
		font-size:12px;
		line-height:12px;
		right:20px;
	}
	
		#logInOut a
		{
			margin-right:5px;
			margin-left:5px;
			float:left;
			color:#597ea9;
			text-decoration:none;
		}
		
		#logInOut a:hover
		{
			text-decoration:underline;
		}
		#logInOut a.logIn /* rrr */
		{
			/*color:#ede362;*/
			color:#99923f;
		}
		#logInOut a.signUp /* rrr */
		{
		color:#597ea9;
		}
		#logInOut a.password /* rrr */
		{
			color:#a0a0a0;
		}
		div#error /* rrr */
		{
			color:#804040;
			font-size:14px;
			line-height:16px;
		}
		
		#signedIn
		{
		float:left;
		color:#393939;
		}
	
#menu {
	height:34px;
	float:left;
	margin-top:37px;
	margin-left:55px;
}
	
	#menu li 
	{
		list-style:none;
		background-image:url("images/menu_button_inactive.png");
		background-repeat:repeat-x;
		height:35px;
		color:#3c4d60;
		text-decoration:none;
		float:left;
		border-right:1px solid #a6bdd7;
		border-left:1px solid #a6bdd7;
		border-top:1px solid #a6bdd7;
		margin-left:-1px;
		position:relative;
	}
	
	#menu li.selected {
		background-image:none;
		background-color:#484848;
		color:#ede362;
		border-right:1px solid #484848;
		border-top:1px solid #484848;
		border-bottom:1px solid #484848;
	}	
	
	#menu li a 
	{
		height:23px;
		color:#3c4d60;
		text-decoration:none;
		padding-right:20px;
		padding-left:20px;
		display:block;
		padding-top:11px;
		position:relative;
		font-weight:normal;
	}
		
		#menu li.selected a {
			color:#ede362;
		}

	#menu ul.sub 
	{
		display:none;
		position:absolute;
		top:36px;
		left:1px;
		z-index:500;
	}
	
	#menu ul.sub li
	{
		background:#484848;
		min-width:220px;
		color:#ffffff;
		text-decoration:none;
		padding-right:10px;
		padding-left:10px;
		display:block;
		border:0px;
		float:left;
		border-bottom:1px solid #5c5c5c;
		height:29px;
	}
	
	#menu ul.sub a
	{
		background: #484848;
		color:#ffffff;
		text-decoration:none;
		padding-right:10px;
		padding-left:10px;
		padding-top:8px;
		height:20px;
	}
		
		#menu ul.sub a.selected
		{
			color:#ede362;
		}
		
	#menu ul.sub span
	{
		color:#808080;
	}

div#cookieTrail
{
	height:35px;
	color:#777777;
	font-size:12px;
	line-height:12px;
	padding-top:15px;
	padding-left:40px;
}

div#cookieTrail div.content div
{
	line-height:12px;
	width:auto;
	float:left;
}

div#cookieTrail a
{
	color:#7396bf;
	text-decoration:none;
}
	
div.content
{
	width:855px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div.content.wide {
	width:auto;
	margin:0;
	display:inline-block;
}



div.content div, div.content table {
	line-height:20px;
}

div.content div.floatleft, div.content div.floatright
{
	width:47%;
	text-align:left;
}

div.content div.center {
	width:70%;
	margin:0 auto;	
}

div.content div.center.small {
	width:40%;
}

div.content h2 {
	color:#5C5C5C;
	margin-bottom:2px;
	margin-left:-1px;
	font-size:18px;
}

div#main
{
	margin-top:45px;
	background-color:white;
	position:relative;
	padding-bottom:35px;
}
	
div#blueDiv
{
	background-image:url("images/blueDiv_bg.png");
	background-repeat:repeat-x;
	background-color:#ebeff3;
	min-height:143px;
	padding-bottom:40px;
	margin-top:-10px;
	position:relative;
	width:auto;
	min-width:100%;
	display:inline-block;
	width: 100%;
}



div#blueDiv .content
{
	padding: 35px 0 40px;
	padding-bottom:0px;
	margin-top:5px;
	color:#5c5c5c;
	font-size:12px;
	/*line-height:12px; mizmiz*/
	line-height:1.5;
}

div#blueDiv table
{
	border-collapse:collapse;
}
	
	
	
div#blueDiv table td
{
	/*vertical-align:top;*/
}
	
div#blueDiv table td.left
{
	min-width:50%;
	padding-right:10px;
}

div#blueDiv table td.right
{
	min-width:50%;
}

div#blueDiv table img
{
	float:left;
	margin-right:5px;
	margin-bottom:20px;
}

div#rrrOld
{
	color:#333333;
	padding-top:50px;
	padding-left:10px;
	line-height:1.5;
}
div#rrrOld table
{
	/*border-collapse:separate;*/
	margin:2px;
	line-height: 1.2;
}
div#rrrOld table td
{
	/*border:1px solid #ebeff3;*/
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
}
div#rrrOld p
{
	padding-bottom:8px;
}
table#rrrOldBorder td,table.rrrOldBorder td
{
	border:1px solid #d1dbe4;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
}
table#rrrOldBorder thead,table.rrrOldBorder thead
{
	font-style:italic;
	text-decoration:underline;
}
table#rrrOldBorder p.tight,table.rrrOldBorder p.tight
{
	padding-bottom: 0px;
}
table#rrrOldBorder p.vcenter,table.rrrOldBorder p.vcenter
{
	padding-top: 4px;
	padding-bottom: 4px;
}
table#rrrNoBorder td,table.rrrNoBorder td
{
	border:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

div.rrrRow
{
	display: inline-block;
	vertical-align: top;
}
div.rrrLeft
{
	float: left;
	overflow: hidden;
	padding: 4px;
}
div.rrrRight
{
	overflow: hidden;
	padding: 4px;
}
div.rrrRightAlign
{
	overflow: hidden;
	padding: 4px;
	text-align: right;
}

.rrrTable
{
   display:table;
}

.rrrTableRow
{
   display:table-row;
}

.rrrTableCell
{
   display:table-cell;
}

/* added by miz@rrr.se */
.rrrblack {
	font-weight: bold;
	text-decoration: none;
}
.rrrblue {
	color: #4242FF;
	font-weight: bold;
	text-decoration: none;
}
.rrryellow {
	color: #A6A600;
	font-weight: bold;
	text-decoration: none;
}
	
div.blueBox
{
	background-color:#d1dbe4;
	min-height:251px;
	width:415px;
	float:left;
	margin-top:20px;
	padding-bottom:0px;
	position:relative;
}

	div.blueBox.blue
	{
		border-top:10px solid #7396bf;
	}
	
	div.blueBox.green
	{
		border-top:10px solid #d9cb13;
		float:right;
	}
	
	div.blueBox .header
	{
		height:28px;
		width:365px;
		background-color:#484848;
		font-size:13px;
		line-height:13px;
		color:#464646;
		text-align:left;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:50px;
	}
	
	div.blueBox .header h2 {
		color:#FFFFFF;
		font-size:22px;
		font-weight:normal;
		margin-top:2px;
	}
	
	div.blueBox .text
	{
		font-size:13px;
		line-height:13px;
		color:#464646;
		text-align:left;
		margin-top:20px;
		margin-left:50px;
	}
	
div.text div.date
{
	font-size:11px;
	line-height:11px;
	margin-bottom:2px;
}

	div.text a
	{
		color:#527195;
		line-height:19px; /* To create height */
		font-weight:bold;
		text-decoration:none;
	}
	
	div.text a:hover
	{
		/* text-decoration:underline; removed by miz@rrr.se */
		cursor:pointer;
	}
	
	div.text input
	{
		height:16px;
		width:72px;
		background-color:#efefef;
		font-weight:normal;
		text-decoration:none;
		border:1px solid #777777;
		border-top-color:#3c3c3c;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
		float:left;
		font-family:Trebuchet MS,Arial;
		padding:2px;
		position:relative;
		top:-3px;
	}

	div.text.details
	{
		color:#527195;
		font-size:10px;
		line-height:10px;
		margin-bottom:2px;
	}

div#footer
{
	background-image:url("images/footer_bg.png");
	background-repeat:repeat-x;
	min-height:90px;
	width:100%;
	background-color:#ffffff;
	font-size:12px;
	line-height:12px;
	color:#cecece;
	text-align:center;
	padding-top:30px;
}

	div#footer a
	{
		font-size:12px;
		line-height:12px;
		color:#7396bf;
		text-decoration:none;
		font-weight:normal;
	}
	
	div#footer a:hover
	{
		text-decoration:underline;
	}
	
	div#footer span
	{
		color:#777777;
	}
	
	div#footer .links
	{
		margin-bottom:20px;
	}

/* Start */

div#productBox
{
	background-image:url("images/product_bg_blue.png");
	background-repeat:repeat-y;
	height:326px;
	width:857px;
	margin-left:-1px;
	position:relative;
	overflow:hidden;
}
	
	a.tab 
	{
		height:30px;
		width:34px;
		display:block;
		top:148px;
		cursor:pointer;
		position:absolute;
	}

		a.tab.left
		{
			background-image:url("images/button_tab_left.png");
			background-repeat:no-repeat;
			left:-21px;
		}
	
		a.tab.right
		{
			background-image:url("images/button_tab_right.png");
			background-repeat:no-repeat;
			right:-33px;
		}
		
		a.bluearrow
		{
			background-image:url("images/button_tab_right_blue.png");
			background-repeat:no-repeat;
			height:19px;
			width:17px;
			margin-right:5px;
			float:left;
			position:relative;
			top:-2px;
		}

	div#productBox .text
	{
		height:176px;
		width:400px;
		font-size:16px;
		/*line-height:16px;*/
		color:#494949;
		padding-top:35px;
		padding-bottom:50px;
		padding-left:80px;
	}
	
		/* added by miz@rrr.se */
		div#productBox table td
		{
			vertical-align:top;
		}
		/* added by miz@rrr.se */
		div#productBox table td.left
		{
			padding-right:10px;
		}
		/* added by miz@rrr.se */
		div#productBox table
		{
			width:700px;
		}
		div#productBox .text h1
		{
			width:700px;
		}
	
form#popularShortcuts a
{
	float:left;
}

	
/* About */



/* News */



/* Products */

div#productList
{
	margin-top:30px;
	width:875px; /* 20px wider than .content because of 20px margin-right on .product (below) */
}

	div#productList a.product
	{
		background-image:url("images/product_list_bg.png");
		background-repeat:no-repeat;
		height:54px;
		width:313px;
		color:#ebeef3;
		float:left;
		display:block;
		margin-right:20px;
		margin-bottom:10px;
		padding:10px 50px;
		text-decoration:none;
		font-weight:normal;
		line-height:12px;
	}
	
		div#productList a.product:hover
		{
			background-image:url("images/product_list_bg_active.png");
			color:#4b4c4e;
		}
		
		div#productList a.product:hover h3
		{
			color:#4b4c4e;
		}
		
	a.product h3
	{
		margin-top:2px;
	}
	
td.strong
{
	font-weight:bold;
	padding-right:15px;
}

ul#chive li
{
	/*list-style-type:none;*/
	margin-left:20px; /* added by miz@rrr.se */
}

#blueDivSub
{
	margin-top:0px;
	margin-bottom:70px;
}
#rrrDivSub
{
	margin-top:0px;
	margin-bottom:0px;
}

ul.rrrIndent
{
	padding-left: 14px;
}


/* FAQ */



/* Links */



/* Contact */



/* Global */

h1 
{
	/*font-size:62px;*/
	/*line-height:62px;*/
	font-size:48px;
	line-height:48px;
	color:#eff6ff;
	font-weight:normal;
	margin-bottom:20px;
}

h2 
{
	color:#5C5C5C;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:5px;
}

h3
{
	color:#ffffff;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	margin-bottom:5px;
}

h4
{
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	font-style:italic;
	margin-top:10px;
	margin-bottom:5px;
}

.clear
{
	clear:both;
}

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

/* Buttons */

a.button
{
	display:block;
	padding-left:15px;
	padding-right:15px;
	font-size:16px;
	line-height:16px;
	position:relative;
	cursor:pointer;
}

	a.button span.left
	{
		
		background-repeat:no-repeat;
		position:absolute;
		display:block;
		top:0px;
	}
	
	a.button span.right
	{
		
		background-repeat:no-repeat;
		position:absolute;
		display:block;
		top:0px;
	}
	
	a.button.dark.right
	{
		background-image:url("images/button_black.png");
		background-repeat:no-repeat;
		height:40px;
		width:141px;
		color:#ffffff;
		text-align:center;
		padding-top:10px;
		padding-left:40px;
		position:absolute;
		right:-8px;
		bottom:50px;
		z-index:49;
		text-decoration:none;
		font-weight:normal;
	}

a.button.sub
	{
		background-image:url("images/button_blueDivSub_bg.png");
		background-repeat:repeat-x;
		height:21px;
		font-size:12px;
		line-height:12px;
		color:#ffffff;
		float:left;
		display:block;
		margin-left:23px;
		margin-right:33px;
		margin-top:5px;
		margin-bottom:5px;
		padding-left:0px;
		padding-right:0px;
		padding-top:6px;
		position:relative;
	}
	
		a.button.sub:hover
		{
			background-image:url("images/button_blueDivSub_active_bg.png");
			color:#4b4c4e;
		}
		
		a.button.sub span
		{
			background-repeat:no-repeat;
			position:absolute;
			display:block;
			top:0px;
		}
		
		a.button.sub span.left
		{
			background-image:url("images/button_blueDivSub_left.png");
			height:27px;
			left:-23px;
			width:23px;
		}
		
			a.button.sub:hover span.left
			{
				background-image:url("images/button_blueDivSub_active_left.png");
			}
	
		a.button.sub span.right
		{
			background-image:url("images/button_blueDivSub_right.png");
			height:27px;
			right:-23px;
			width:23px;
		}
		
			a.button.sub:hover span.right
			{
				background-image:url("images/button_blueDivSub_active_right.png");
			}

		a.button.sub.selected
		{
			background-image:url("images/button_blueDivSub_active_bg.png");
			color:#4b4c4e;
		}
			a.button.sub.selected span.left
			{
				background-image:url("images/button_blueDivSub_active_left.png");
			}
			a.button.sub.selected span.right
			{
				background-image:url("images/button_blueDivSub_active_right.png");
			}

div.circles
{
	height:17px;
	text-align:center;
}

	div.circles a
	{
		background-image:url("images/button_circle_inactive.png");
		background-repeat:no-repeat;
		padding:7px 7px;
		margin:3px 4px;
		display:inline;
		cursor:pointer;
	}
	
	div.circles a:hover
	{
		background-image:url("images/button_circle_active.png");
	}
		
	div.circles a.active
	{
		background-image:url("images/button_circle_active.png");
	}

/*
	.rounded-corners 
	{
		behavior: url(/css/border-radius.htc);
		border-radius: 4px;
	}
*/

/*

	@font-face 
	{
		font-family: Rokkitt;
		src: url('Fonts/Rokkitt-webfont.eot');
		src: url('Fonts/Rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
			 url('Fonts/Rokkitt-webfont.woff') format('woff'),
			 url('Fonts/Rokkitt-webfont.ttf') format('truetype'),
			 url('Fonts/Rokkitt-webfont.svg#webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}

*/

div#productSlide {
	height:100%;
	width:auto;
	position:absolute;
	left:0px;
}

div.productPresentation {
	float:left;
	width:857px;
	height:100%;
}

div.productPresentation a.productSlideLink {
	display:none;
}

div.news {
	position:relative;
	margin:0 auto;
	margin-bottom:20px;
	width:70%;
}

div.news span {
	position:absolute;
	left:-75px;
	top:2px;
	font-size:11px;
	font-weight:bold;
	color:#888888;
}

td.gray {
	width:70px;
	color:#888888;
}

a.backbutton {
	display:none;
	position:fixed;
	top:3px;
	left:3px;
	color:#FFFFFF;
	width:25px;
	height:25px;
	background-image:url('images/floatbutton.png');
	font-weight:normal;
	cursor:pointer;
}

a.backbutton:hover {
	background-image:url('images/floatbutton_hover.png');	
}

.landingpage section {
	overflow: hidden;
	padding: 2em 0 3em;
}

.landingpage section:nth-child(odd) {
	background: white;
}

div#blueDiv .landingpage .content {
	padding: 0;
}

.landingpage h1 {
	margin-top: 40px;
	color: #5C5C5C;
}

.landingpage .content h2{
	margin-bottom: 1rem;
}

.landingpage img.image-symbol{
	width: auto;
	height: auto;
	max-width: 100%;	
}

.landingpage img.reference {
	float: left;
	/*width: 12.2%; old 7 images*/
	width: 100%;
	padding: 1%;
}

#featured {
	width: 100%;
	overflow: hidden;
	height: 400px;
	margin-bottom: 4em;
}

#featured .slogan {
	margin-top: -0.83em;
	font-size: 18px;
	margin-bottom: 0.83em;
}

#featured-product, 
#featured .secondary-product {
	box-sizing: border-box;
	padding: 1.5em;
}

#featured-product {
	width: 62%; 
	margin-right: 2%;	
	float: left;
	/*background: #97B2D1; /*Fallback*/
	/*background: -webkit-linear-gradient(left, rgb(114, 149, 190), #97B2D1, rgb(114, 149, 190)); /* For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(right, rgb(114, 149, 190), #97B2D1, rgb(114, 149, 190)); /* For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(right, rgb(114, 149, 190), #97B2D1, rgb(114, 149, 190)); /* For Firefox 3.6 to 15 */
	/*background: linear-gradient(to right, rgb(114, 149, 190), #97B2D1, rgb(114, 149, 190));*/
	
	background: #AEC9E8; /*Fallback*/
	background: -webkit-linear-gradient(left, rgb(151, 178, 210), #AEC9E8, rgb(151, 178, 210)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgb(151, 178, 210), #AEC9E8, rgb(151, 178, 210)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgb(151, 178, 210), #AEC9E8, rgb(151, 178, 210)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgb(151, 178, 210), #AEC9E8, rgb(151, 178, 210));
	
	
	height: 100%;
	position: relative;
	color: #494949;
	
	border-top: 10px solid #3044B5;
}

#featured-product h1{
	font-size: 40px;
}

#featured-product img {
	float: left;
	padding: 0 1em 0.5em 0;
}

#featured a.calltoaction {
	padding: 6px 40px;
	background: rgb(217, 203, 19);
	float: right;
	color: black;
	margin-top: 7px;	
	border-radius: 3px;
	border: 1px solid rgb(126, 126, 126);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

#featured a.calltoaction:hover {
	border: 1px solid rgb(90, 90, 90);
	background: rgb(231, 218, 51);
}

#featured a.button.dark.right {
	bottom: 5px;
}

#featured a.small.dark.right {
	position: absolute;
	bottom: 16px;
	right: 20px;
	height: 20px;
	padding: 4px 6px;
	background: #7496BF;
	color: white;
	font-family: Trebuchet MS,Arial;
	font-weight: normal;
	border: 1px solid rgb(90, 90, 90);
	border-radius: 2px;
}

#featured a.small.dark.right:hover {
	background: #236BC2;
	border: 1px solid rgb(65, 65, 65);
}

#featured a.small.dark.right:before {
	display: block;
	/* content: "";	*/
	border-bottom: 28px solid #3C3C3C;
	border-left: 24px solid transparent;
	position: absolute;
	top: 0;
	left: -24px;
}

#featured .secondary {
	float: right;
	width: 36%;
	height: 100%;
	overflow: hidden;
}

#featured .secondary-product {
	width: 100%;
	float: left;
	height: 48%;
	margin-bottom: 6%;
	position: relative;
	border-top: 10px solid #d9cb13;
	background-color: #EBEFF3;
}

#featured .secondary-product:last-of-type {
	margin-bottom: 0;
}

#featured .secondary-product.blueBox {
	margin-top: 0;
	min-height: initial;
	/* color: #494949; */
}

#featured .secondary-product h2 {
	margin-top: 0;	
}

.list-entry-points {
	overflow: hidden;
	margin-bottom: 1.5em;
}

.entry-container {
	display: flex;
	align-items: stretch;
	margin-right: -2%;
}

.entry-point {
	position: relative;
	float: left;
	width: 19.5%;
	margin-top: 1rem;
	margin-right: 2%;
	background: #d1dbe4;
	box-sizing: border-box;
	padding: 0.5rem 0.5rem 42px;
}

.entry-point h3 {
	color: #5C5C5C;
	margin: -0.5rem -0.5rem 0.5rem;
	padding: 0.5rem; 
	border-top: 3px solid #7396bf;
	
}

.entry-point form {
	margin-top: 1em;
	/* height: 31px; */
	height: 27px;
	width: 100%;
	bottom: 0.5rem;
	/*right: 0.5rem;*/
	padding-right: 43px;
	position: absolute;
	margin-left: 0px;
	margin-right: -8px;
	box-sizing: border-box;
}

.entry-point input {
	/* width: 100%;	 */
}

.entry-point input[type="text"],
.entry-point input[type="number"] {
	height: 100%;
	box-sizing: border-box;
	width: 100%;
	float: left;
	padding: 0.5em;
}

.entry-point input[type="file"] {
	padding-left: 0;
	padding-right: 0;
}
/* 
.entry-point input[type="submit"] {
	background-color: #95B1D0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#95B1D0), to(#597AA0));
	background-image: -webkit-linear-gradient(top, #95B1D0, #597AA0);
	background-image: -moz-linear-gradient(top, #95B1D0, #597AA0);
	background-image: -ms-linear-gradient(top,#95B1D0, #597AA0);
	background-image: -o-linear-gradient(top, #95B1D0, #597AA0);
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.75);
	color: white;
} */

.entry-point a.arrow {
	position: absolute; 
	top: 0;
	right: 0;
	margin: 0;
	margin-right: 16px;
	float: right;
	display: block;	
	background-color: rgb(116, 150, 191);
	background: url("images/right-symbol.png"), linear-gradient(#BFD0E1 0%, #91AAC7 50%, #88A2C1 50%, #7490B1 100%);
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	/* width: 15%; */
	width: 27px;
	border-top-right-radius: 20px 50%;
	border-bottom-right-radius: 20px 50%;
	transition: background-color 0.4s ease-out;
}

#menu-toggle, 
.toggle-sub {
	display: none;
}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto; 
}

.rrr-form-input {
	float: left;
	border: 1px solid black;
	margin: 5px 5px;
	padding: 2px;
}

.rrr-form-label {
	float: left;
	margin: 5px 5px;
	width: 20%;
	padding: 6px 2px;
}

.rrr-form-div {
	float: left;
	width: 100%;
	max-width: 500px;
	line-height:14px !important;
}

.mfp-bg {
	background-color: rgb(0, 0, 15);
	opacity: 0.6;
}

.mfp-zoom-in {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-zoom-in .mfp-with-anim {
	opacity: 0;
	transition: all 0.2s ease-in-out;
	transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.6;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
	transform: scale(0.8);
	opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


div#tabs {
	border: 0 !important;
}
div.rrrTabs {
	border: 0 !important;
	background-image: none;
	background-color: rgb(235, 239, 243);
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.ui-widget {
	font-family: inherit;
	font-size: inherit;
}

.ui-widget-header {
	background: none !important;
	border: 0;
	border-bottom: 1px solid #aaaaaa;
	border-radius: 0;
}

.ui-tabs .ui-tabs-panel {
	border: 1px solid #aaaaaa;
	border-top: 0;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
	background: #AEB5BB;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active,
.ui-state-active.ui-state-hover, 
.ui-widget-content .ui-state-active.ui-state-hover, 
.ui-widget-header .ui-state-active.ui-state-hover,
.ui-state-active.ui-state-focus, 
.ui-widget-content .ui-state-active.ui-state-focus, 
.ui-widget-header .ui-state-active.ui-state-focus {
	background: inherit;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
	color: #212121; 
	border-color: #999999;
	background: #D1D6DA;
}

.ui-tabs .ui-tabs-nav {
	background-color: inherit !important;
}

#tabsNav {
	display: block;
	padding: 1px 1px 0;
	/* border-bottom: 1px solid #aaaaaa; */
	overflow: hidden;	
	position: relative;
}

#tabsNav:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #aaaaaa;
	position: absolute;
	bottom: 0;
	left: 0;
}


#tabsNav a.button.tabs {
	border: 1px solid #d3d3d3;
	background: #AEB5BB;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	padding: 0;
	border-bottom-width: 0 !important;
}

#tabsNav a.button.tabs:hover {
	color: #212121; 
	border-color: #999999;
	background: #D1D6DA;
}

#tabsNav, .content, .content.wide, .landingpage {
	background-color: inherit;
}

#tabsNav a.button.tabs.selected {
		border: 1px solid #aaaaaa;
		background: inherit;
		margin-bottom: -1px;
		padding-bottom: 1px;
		z-index: 2;
}

#tabsNav a.button.tabs span{
	display: block;
	white-space: nowrap;
	padding: .5em 1em;
	text-decoration: none;
	font-weight: bold;
	color: #555555;
	font-size: 14px;
}

#tabsNav a.button.tabs.selected span{
	color: #212121;
}

#btnNav { /* id used in top navigation with added bottom margin */
	overflow: hidden;
	/*margin: 0 -10px 45px;*/
	margin: -3px -5px 42px -5px;
}
.btnNav { /* class used for div not on top navigation */
	overflow: hidden;
	margin: -3px -5px -3px -5px;
}

#btnNav a.button.tabs,
.btnNav a.button.tabs,
a.action.button {
	/*margin-left: 10px;*/
	margin: 3px 5px 3px 5px;
	float: left;
}

a.action-button,
input[type="submit"],
input[type="button"],
#btnNav a.button.tabs,
.btnNav a.button.tabs {
	background: linear-gradient(#BFD0E1 0%, #91AAC7 50%, #88A2C1 50%, #7490B1 100%); 
	border-bottom: 1px solid #677A93;
	height: 27px;
	font-size: 12px;
	box-sizing: border-box;
	line-height: 12px;
	color: #ffffff;
	padding: 6px 26px;
	border-radius: 20px / 50%;
	font-weight: normal;
}
a.action-button.table { /* make smaller table buttons and makes table row grow */
	line-height: 2;
 	padding: 3px 16px;
}
a.table { /* align normal a-tags with action-button.table buttons */
	line-height: 2;
}


a.action-button:hover,
input[type="submit"]:hover,
input[type=button]:hover,
#btnNav a.button.tabs.selected,
#btnNav a.button.tabs:hover,
.btnNav a.button.tabs.selected,
.btnNav a.button.tabs:hover {
	color: #4b4c4e !important;
	background: linear-gradient(#D2DFEB 0%, #B1C6DB 50%, #9DB8D2 50%, #95B0CB 100%);
	border-bottom: 1px solid #879BB3;
}

a.action-button.main {
	height: 32px;
	padding: 9px 35px;
}
a.action-button.main, a.action-button.highlight
{
	background: linear-gradient(#E2D858 0%, #E2D527 50%, #D9CB13 50%, #C1B515 100%);
	color: #34373C;
}

a.action-button.main:hover, a.action-button.highlight:hover {
	background: linear-gradient(#E2DC88 0%, #EFE455 50%, #E0D32B 50%, #CEC32F 100%);
}

a.action-button.right {
	position: absolute;
	bottom: 8px;
	right: 8px;
}
#featured a.action-button.right {
	position: absolute;
	bottom: 16px;
	right: 16px;
}

.full-index {
	width: 100%;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	/* border-bottom: 1px solid #494949; */
	margin-top: 10px;
}

.left-index {
	float: left;
	width: 25%;
	margin-right: 2rem;
	min-width: 150px;
	margin-top: 10px;
}

.full-index ul,
.left-index ul {
	list-style: none;
}

.full-index .heading,
.left-index .heading {
	font-size: 14px;
	font-weight: 600;
	margin-top: 15px;
	display: block;
}

.full-index li:first-child .heading,
.left-index li:first-child .heading {
	margin-top: 0;
}

.full-index li,
.left-index li {
	margin-bottom: 10px;
}

.full-index .selected,
.left-index .selected {
	color: #DDCE11;
}

@media (min-width: 750px) {

	#menu li.hover .sub.desktop {
		display: block !important;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s linear, opacity 0.5s ease;
	}

	#menu li.hover:hover .sub.desktop {
		visibility: visible !important;
		opacity: 1;
	}
	
	#menu li:hover {
		background-image:none;
		background-color:#484848;
		color:#ede362;
		border-right:1px solid #484848;
		border-top:1px solid #484848;
		border-bottom:1px solid #484848;
	}
	
	#menu li:hover a,
	#menu li.hover .sub li:hover a	{
		color:#ede362;
	}
	
	#menu li.hover:hover .sub a {
		color: #ffffff;
	}
	
	#menu li.hover:hover .sub a.selected {
		color: #ede362;
	}
	
	#menu ul.sub a:hover {
		color:#ede362;
	}

	.entry-point a.arrow:hover {
		background: url("images/right-symbol.png"), linear-gradient(#D2DFEB 0%, #B1C6DB 50%, #9DB8D2 50%, #95B0CB 100%);
		background-repeat: no-repeat;
		background-position: center;
	}
	
}

@media (max-width: 900px) {

	html, body, div#header {
		min-width: 0;
		width: 100%;
	}

	div.content {
		width: 100%;
		padding-left: 8px !important;
		padding-right: 8px !important;
		box-sizing: border-box;
	}
	
	#featured-product {
		width: 100%;
	}
	
	#featured {
		height: auto;
	}
	
	#featured .secondary {
		display: flex;
		align-items: stretch;
		float: none;
		width: 100%;
	}
	
	#featured .secondary-product {
		margin-top: 1.5rem !important;
		width: 48%;
		margin-right: 4%;
		float: left;	
		height: auto;
		margin-bottom: 0;
	}
	
	#featured .secondary-product:last-of-type {
		margin-right: 0;
	}
	
	.entry-container {
		display: block;
		margin-right: -2%;
	}
	
	.entry-point {
		width: 31.3%;
		margin-right: 2%;
		min-height: 140px;
	}
	
	table,
	tr,
	tbody,
	thead,
	{
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 100% !important;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: 0;
	}
	
	tr {
		display: table-row;
	}
	
	th,
	td {
		display: table-cell;		
	}
	
	table img {
		max-width: 100%;
	}
	
	#blueDivSub {
		width: 100%;		
	}
	
	/* Menu */
	#menu-toggle {
		display: block;
		width: 20px;
		height: 20px;		
		position: absolute;
		right: 17px; /* var 20 */
		top: 45px;
		
	}
	
	#menu-toggle:after {
		content: "";
		display: block;
		width: 20px; /* var 25 */
		position: absolute;
		top: 50%;
		left: 50%;
		height: 3px;
		margin-left: -12px;
		border-radius: 3px;
		background-color: white;
		margin-top: -10px;
		box-shadow: 0 8px 0 0px #ffffff;
	}
	
	
	/* 	content: "";
		display: block;
		width: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12px;
		margin-top: -10px;
		box-shadow: 0 0 0 1px #ffffff, 0 9px 0 1px #ffffff; 
	} */
	
	
	
	#menu-toggle:before {
		content: "";
		display: block;
		width: 20px;
		height: 3px;
		position: absolute;
		top: 125%;
		left: 50%;
		margin-left: -12px;
		border-radius: 2px;
		background-color: white;
		margin-top: -9px;
		/* box-shadow: 0 18px 0 1px #ffffff; */
	}
	
	
	
	/* 
	#menu-toggle:before {
		content: "";
		display: block;
		width: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12px;
		margin-top: -10px;
		box-shadow: 0 18px 0 1px #ffffff;
	} */
	
	#menu-toggle.toggled:after {
		-moz-transform: rotate(45deg) translateX(0) translateY(0);
		-ms-transform: rotate(45deg) translateX(0) translateY(0);
		-webkit-transform: rotate(45deg) translateX(0) translateY(0);
		transform: rotate(45deg) translateX(0) translateY(0);
		/* box-shadow: 0px 12px 0 1px #fff;
		width:25px; */
		box-shadow: none;
		margin-top:0px;
	}
	
	#menu-toggle.toggled:before {
		-moz-transform: rotate(135deg) translateX(0) translateY(0);
		-ms-transform: rotate(135deg) translateX(0) translateY(0);
		-webkit-transform: rotate(135deg) translateX(0) translateY(0);
		transform: rotate(135deg) translateX(0) translateY(0);
		/* box-shadow: 2px 0 0 1px #fff;
		width: 25px; */
		top: 0;
		left: 50%;
		margin-left: -12px;
		margin-top: 10px;
	}		
	
		
	body {
		background-image: none;
	}
	
	div#headerbg {
		height: auto;
	}
	
	div#header {
		height: auto;
		padding-top: 16px;
	}
	
	#logo {
		float: none;
		margin: -3px auto 0px;
		display: block;
		padding-bottom: 3px;
		background-repeat: no-repeat;
	}
	
	#logInOut {
		position: static;
		display: block;
		clear: both;
		overflow: hidden;
		background-image: url("images/menu_button_inactive.png");
		background-repeat: repeat-x;
		height: 35px;
		width: 100%;
		color: #3c4d60;
		text-decoration: none;
		float: left;
		border-right: 1px solid #a6bdd7;
		border-left: 1px solid #a6bdd7;
		border-top: 1px solid #a6bdd7;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	
	#logInOut a,
	#signedIn {
		margin-top: 10px;
		color: #3c4d60 !important;
	}
	
	#logInOut a.signUp {
		color: #597ea9 !important;
	}
	
	#menu {
		margin: 0;
		height: auto;
		width: 100%;
		display: none;
		float: none;
	}
	
	#menu li {
		width: 100%;
		box-sizing: border-box;
		margin: 1px 0 0 0;
		clear: both;
		float: none;
	}
	
	#menu li.hover .toggle-sub {
		display: block; 		 
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	#menu li.hover .toggle-sub:after {
		content: "";
		width: 15px;
		height: 15px;
		position: absolute;
		top:0;
		right: 22px;
		margin-top: 9px;
		background: url("images/right-symbol.png") no-repeat center center;
		/* border-left: 2px solid white;
		border-bottom: 2px solid white; */
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	
	#menu li.hover .toggle-sub.toggled:after {
		margin-top: 9px;
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	
	#menu ul.sub {
		display: none;
		position: static;
		width: 100%;
		height: auto;
	}
	
	div#cookieTrail {
		padding-left: 20px;
	}
	
	/* END MENY */
	
	.left-index {		
		width: 20%;
		margin-right: 1rem;
	}

}



@media (max-width: 750px) {

	.left-index {
		float: none;
		width: 100%;
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		/* Misi - detta är strecket */ 
		border-bottom: 1px solid #494949;
	}
	
	div.news {
		width: 100%;
		margin: 20px 0;
	}

	div.news span {
		position: static;
 	}

	div.news h2 {
		margin-top: 0;
	}
	
	#featured .secondary {
		display: block;
	}
	
	#featured .secondary-product {
		width: 100%;
		margin-right: 0;
	}
	
	.entry-point {
		width: 48%;
		margin-right: 2%;		
	}
	
	div.content div.floatleft, div.content div.floatright {
		width:100%;
		text-align:left;
		float: none;
	}
	
	div.landingpage .floatleft img,
	div.landingpage .floatright img	{
		margin: 1.5em auto;
		max-width: 85%;
		display: block;
	}
	
}