/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

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

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

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

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

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

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
	font-family: Nosstec;
	src: url(../fonts/nosstec-light.otf) format("opentype");
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: Nosstec;
	src: url(../fonts/nosstec-regular.otf) format("opentype");
	font-style: normal;
	font-weight: normal;	/* 400 */
}

@font-face {
	font-family: Nosstec;
	src: url(../fonts/nosstec-medium.otf) format("opentype");
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: Nosstec;
	src: url(../fonts/nosstec-bold.otf) format("opentype");
	font-style: normal;
	font-weight: bold;		/* 700 */
}

@font-face {
	font-family: Nosstec;
	src: url(../fonts/nosstec-black.otf) format("opentype");
	font-style: normal;
	font-weight: 900;
}
html {
	height: 100%;
	background-color: rgb(5,26,47);
/*
	background-image: url(../chrome/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
*/
	overflow-x: hidden;
}

div {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	font-size: 14px;
	font-family: calibri, arial, sans-serif;
/*
	padding-bottom: 1.5em;
	width: 1200px;
	xheight: 100%;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	background-image: url(../chrome/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
*/
}

div#pagebg {
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 100%;
	background-image: url(../chrome/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}

div#wrapper {
	width: 980px;
	left: 50%;
	margin-left: -490px;
	position: absolute;
	top: 0px;
}

div#header {
	xposition: absolute;
	xleft: 50%;
	xmargin-left: -490px;
	width: 980px;
	height: 132px;
	xtop: 0px;
	background-image: url(../chrome/header.png);
	background-repeat: repeat-x;
	position: relative;
}

div#header div#topmenu {
	font-family: Nosstec, calibri, arial, sans-serif;
	font-weight: 500;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	position: absolute;
	bottom: 5px;
	left: 0px;
}

div#content {
	xposition: absolute;
	xleft: 50%;
	xmargin-left: -490px;
	xwidth: 980px;
	xtop: 132px;
	xbackground: rgb(255,230,230);
	xmargin-left: 110px;
	xmargin-top: 132px;
}

div#content div.main {
	width: 760px;
	xbackground: lightblue;
	padding-top: 1px;
	margin-left: 200px;
}




div#header div#logotype {
	position: absolute;
	background-repeat: no-repeat;
}

div#header div.nmv {
	background-image: url(../chrome/logo_nmv.png);
	width: 310px;
	height: 63px;
	top: 20px;
	left: 20px;
}

div#header div.nosstec {
	background-image: url(../chrome/logo_nosstec.png);
	width: 195px;
	height: 65px;
	top: 19px;
	left: 20px;
}

div#header div.titanrolls {
	background-image: url(../chrome/logo_titanrolls.png);
	width: 345px;
	height: 48px;
	top: 27px;
	left: 20px;
}

div#header div.agro {
	background-image: url(../chrome/logo_agro.png);
	width: 186px;
	height: 58px;
	top: 22px;
	left: 20px;
}

div#header div#topmenu a {
	line-height: 17px;
	color: white !important;
	text-decoration: none !important;
	padding: 0px 15px;
	padding-bottom: 10px;
	border-right: 2px solid white;
	display: block;
	float: left;
}

div#header div#topmenu span {
	display: none;
}

div#sidenav {
/*
	float: left;
	margin-top: 10px;
	margin-left: 14px;
*/
	position: absolute;
	top: 142px;
	left: 14px;
}

div#sidenav h2 {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-family: Nosstec, calibri, arial, sans-serif;
	font-weight: 900;
	font-size: 12px;
	color: rgb(28,69,150);
}

div#sidenav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#sidenav ul.mainmenu li.before {
	border-left: 2px solid rgb(28,69,150);
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: -4px;
}

div#sidenav ul.mainmenu li.current {
	margin-top: 4px;
}

div#sidenav ul.mainmenu li.after {
	border-left: 2px solid transparent;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: -4px;
}

div#sidenav ul.mainmenu li a {
	background-color: rgb(179,184,188);
	line-height: 28px;
	font-family: Nosstec, calibri, arial, sans-serif;
	font-weight: 900;
	font-size: 14px;
	color: white !important;
	text-decoration: none !important;
	text-transform: uppercase;
	width: 140px;
	display: block;
	padding-left: 10px;
	margin-left: 4px;
}

div#sidenav ul.mainmenu li.before a {
	border-top-right-radius: 4px;
}

div#sidenav ul.mainmenu li.current a {
	border-bottom-left-radius: 8px;
	background-color: rgb(28,69,150);
	width: 150px;
	padding-left: 16px;
	margin-left: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

div#sidenav ul.mainmenu li.after a {
	border-bottom-right-radius: 4px;
}

div#sidenav ul.mainmenu li a:hover {
	background-color: rgb(28,69,150);
	background-color: rgb(103,126,169);
}

div#sidenav ul.mainmenu li.current a:hover {
	background-color: rgb(28,69,150);
}

div#sidenav ul.mainmenu li.current ul.submenu {
	margin: 4px 0px;
}

div#sidenav ul.mainmenu li.current ul.submenu li.current {
	margin-top: 0px;
}

div#sidenav ul.mainmenu li.current ul.submenu li a {
	padding-left: 4px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	margin-left: 8px;
	border-radius: 0px;
	background: none;
	line-height: 17px;
	font-size: 12px;
	color: rgb(28,69,150) !important;
	max-width: 130px;
	text-transform: none;
	padding-right: 16px;
}

div#sidenav ul.mainmenu li.current ul.submenu li.current a {
	background-image: url(../chrome/cursub.png);
	background-repeat: no-repeat;
	background-position: right 4px;
}

div#sidenav ul.mainmenu li.current ul.submenu li a:hover {
	background-color: rgb(28,69,150);
	background-color: rgb(103,126,169);
	color: white !important;
	border-right: 4px solid rgb(28,69,150);
	border-right: 4px solid rgb(103,126,169);
}

div#sidenav ul.mainmenu li.current ul.submenu li.current a:hover {
	background-image: url(../chrome/cursubsel.png);
}

div#footer {
	text-align: center;
	font-family: Nosstec, calibri, arial, sans-serif;
	font-weight: 100;
	font-size: 12px;
	color: rgb(179,184,188);
	padding-top: 2em;
	padding-bottom: 2em;
}


div#content h1 {
	font-family: Nosstec, calibri, arial, sans-serif;
	font-weight: normal;
	font-size: 32px;
	text-transform: uppercase;
	color: rgb(28,69,150) !important;
	margin-bottom: 0px;
	border-bottom: 1px solid rgb(179,184,188);
}

div#content p {
	margin-top: 7px;
}

div#content div.main p.ingress {
	font-weight: bold;
}

div#content div.main h2 {
	clear: both;
	font-family: Nosstec, calibri, arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: rgb(28,69,150) !important;
	margin-bottom: 0px;
}




/*
**	Temporärt för /static
*/
div.brandbox {
	width: 240px;
	float: left;
	margin-right: 20px;
	border: 4px solid rgb(28,69,150);
	border-radius: 10px;
	padding: 8px;
}



table.centerTd td {
	text-align: center;
}

table#support th {
	background-color: rgb(28,69,150);
	color: white;
	border: none;
}

table#support {
	border: 2px solid rgb(28,69,150);
	font-size: 90%;
	margin-bottom: 1em;
}

table#support td {
	border-color: rgb(28,69,150);
}

table#support tr.subhead {
	background-color: rgb(210,218,234);
	text-align: left;
}

table#support tr.subhead td {
	text-align: left;
	font-weight: bold;
	padding-left: 4px;
	color: rgb(28,69,150);
}


/*
**	För produktsidorna
*/
table.tekndata {
	border: 2px solid rgb(28,69,150);
	font-size: 90%;
	margin-bottom: 1em;
}

table.tekndata th#artno {
	width: 220px;
}

table.tekndata th#model {
	width: 60px;
}

table.tekndata th {
	background-color: rgb(28,69,150);
	color: white;
	font-weight: bold;
	border-bottom: 2px solid rgb(28,69,150);
}

table.tekndata th.options {
	background-color: rgb(210,218,234);
	color: rgb(28,69,150);
	text-align: left;
	padding-left: 3px;
	border-bottom: 1px solid rgb(28,69,150);
}

table.tekndata tr.options td {
	background-color: rgb(233,237,245);
}

table.tekndata td {
	border-bottom: 1px solid rgb(28,69,150);
	padding-left: 3px;
}

table.tekndata td.right {
	padding-right: 3px;
}

table.tekndata tr.even td {
	background-color: rgb(240,241,242);
}

table th.topl,
table.accdata .topl,
table.suppdocs .topl,
table.tekndata .topl {
	text-align: left;
	padding-left: 3px;
}

table th.topr,
table.accdata .topr,
table.suppdocs .topr,
table.tekndata .topr {
	text-align: right;
	padding-right: 3px;
}

table th.topc,
table.accdata .topc,
table.suppdocs .topc,
table.tekndata .topc {
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
}

.right {
	text-align: right;
}

.nosstecblue {
	color: rgb(28,69,150);
}

.nosstecgray {
	color: rgb(179,184,188);
}

div.accitems {
	margin-right: -16px;
}

div.accitem {
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 372px;
	height: 160px;
	display: table;
	border: 3px solid rgb(28,69,150);
	border-radius: 6px;
}

div.accitem img {
	float: right;
	padding: 6px;
	padding-left: 12px;
}

div.accitem div.acctext {
	padding: 8px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	xline-height: 15px;
	height: 45px;
}

div.accitem div.acctext h3 {
	margin: 0px;
	font-family: Nosstec, calibri, arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	text-transform: uppercase;
	color: rgb(28,69,150) !important;
}

div.accitem div.acctext p {
	margin: 0px !important;
}

/*
div.accitems {
}

div.accitem {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 1%;
	display: table;
	border: 3px solid rgb(28,69,150);
	border-radius: 8px 8px 4px 4px;
}

div.accitem img {
	padding: 10px;
	padding-bottom: 5px;
}

div.accitem div.acctext {
	background-color: rgb(210,218,234);
	padding: 3px 5px 3px 5px;
	font-size: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	line-height: 15px;
	height: 45px;
}
*/

table.accdata {
	border: 2px solid rgb(28,69,150);
	font-size: 90%;
	margin-bottom: 1em;
}

table.accdata th {
	background-color: rgb(28,69,150);
	color: white;
	font-weight: bold;
	border-bottom: 2px solid rgb(28,69,150);
}

table.accdata td {
	background-color: rgb(233,237,245);
	border-bottom: 1px solid rgb(28,69,150);
	padding-left: 3px;
}

table.accdata td.onrequest {
	color: rgb(28,69,150);
}




div.rollconfig {
	float: right;
	width: 270px;
	background-color: white;
	margin-top: -85px;
	padding-left: 20px;
	padding-bottom: 20px;
}

div.mainimage {
	clear: right;
	float: right;
	width: 300px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: right;
}




table.suppdocs {
	border: 2px solid rgb(28,69,150);
	font-size: 90%;
	margin-bottom: 1em;
}

table.suppdocs th {
	background-color: rgb(28,69,150);
	color: white;
	font-weight: bold;
	border-bottom: 2px solid rgb(28,69,150);
}

table.suppdocs td {
	border-bottom: 1px solid rgb(28,69,150);
	padding-left: 3px;
}


td.rollsetup p {
	font-size: 10px;
	font-style: italic;
	margin-top: 0px !important;
}


div.main div#newspanel,
div.main div.bluepanel {
	background: rgb(179,184,188);
	background: rgb(224,230,235);
	border: 2px solid rgb(28,69,150);
	padding: 8px;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}


div.main div#newspanel {
	float: right;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 30px;
	width: 306px;
}

div.main div#newspanel div.newshead h4 {
	font-family: Nosstec, calibri, arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	color: rgb(28,69,150) !important;
	margin: 0px;
	margin-bottom: 6px;
	border-bottom: 1px solid rgb(179,184,188);
}

div.main div#newspanel div.newsitem {
	font-size: 90%;
	border-bottom: 1px solid rgb(179,184,188);
	padding-bottom: 4px;
	margin-bottom: 7px;
}

div.main div#newspanel div.newsitem:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div.main div#newspanel div.newsitem p {
	margin: 0px;
	margin-bottom: 5px;
}

div.main div#newspanel div.newsitem div.newsdate {
	font-weight: bold;
}