/* old css deprecated */

/*html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address,
variable, form, fieldset, blockquote {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}
ol {
margin-left: 1.4em;
list-style: decimal;
}
ul {
margin-left: 1.4em;
list-style:square;
}
img {
border: 0;
}
*/

.support li {
margin-top:8px;
}

.support h4 {
margin-top:1.3em;
}

.support h3 {
border-top:1px solid #dea501;
margin-right:20px;
margin-top:20px;
padding-top:25px;
}

.tf {
width:160px;
}

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

#rightbox {
display:inline;
float:right;
position:relative;
width:288px;
}

p,h1,h2,h3,hr {
margin:0.7em 0 0.3em;
}

h4 {
color:#dea501;
font-size:1.1em;
font-weight:700;
margin:0.5em 0 0.1em;
}

p {
font-size:1em;
margin-bottom:1em;
margin-top:0.3em;
padding-right:20px;
}

img {
border:none;
display:inline;
margin:0;
padding:0;
}

h1,h2 {
color:#4a6d7f;
}

h1 {
font-size:1.3em;
margin:1em 0 0;
}

h2 {
color:#043247;
font-size:1.6em;
font-weight:400;
margin-bottom:0.8em;
margin-top:1.8em;
}

h3 {
color:#043247;
font-size:1.2em;
line-height:1em;
margin-bottom:0;
margin-top:1em;
}

h3 a {
color:#4a6d7f !important;
}

div.hrbrown,div.hrblack {
border-top:1px solid #d9a006;
height:1px;
margin:10px 27px 10px 0;
}

div.hrbrown hr,div.hrblack hr {
display:none;
}

div.hrblack {
border-color:#000;
}

#content a:hover {
text-decoration:underline;
}

form,input {
font-size:1em;
margin:0;
padding:0;
}

html input {
background-color:#fff;
border:1px solid #bbcfd8;
margin-top:-1px;
overflow:auto !important;
padding:2px;
}

.gone {
left:-999em;
line-height:1px;
margin:0;
padding:0;
position:absolute;
}

em {
font-weight:bolder;
}

hr {
border:0;
border-bottom:1px solid #000;
height:1px;
margin:3px 0;
padding:0;
}

.brandtd {
padding:2px 35px 0 0;
width:50%;
}

.showmodeltable {
clear:both;
font-size:1.1em;
margin:12px 0;
}

.trline td {
border-bottom:1px solid #000;
border-top:1px solid #000;
color:#4a6d7f;
font-weight:700;
}

.trtop td {
border-top:2px solid #C6C6C6;
}

#creditimages {
display:inline;
float:left;
height:30px;
left:295px;
padding:10px 0 0 10px;
position:absolute;
width:180px;
z-index:2;
}

.yellowbutton {
background:url(/resources/gfx/linkpil.jpg) no-repeat center left #fff;
border:none;
color:#4a6d7f;
cursor:pointer;
font-family:verdana, helvetica, serif;
font-size:1em;
font-weight:700;
margin:6px 10px 5px 0;
padding-left:22px;
padding-top:2px;
text-align:left;
}

.bestilknap {
background:url(/resources/gfx/knap.jpg) no-repeat #fff;
border:none;
cursor:pointer;
font-size:1em;
height:22px;
margin:0;
padding-bottom:1px;
padding-left:29px;
text-align:left;
width:153px;
}

.baskettable {
width:97%;
}

.baskettable td {
padding:3px;
vertical-align:middle;
}
	.baskettable .subscription{
		font-size:7.5pt;
		min-width:150px;
		font-weight:normal;
		padding-left:2px;
		display:inline-block;
	}
.brandlogo {
display:inline;
float:left;
height:200px;
margin:5px 0 0 5px;
padding:0;
width:153px;
}

.brandlogo img {
margin-right:5px;
margin-top:1px;
vertical-align:middle;
}

.brandlogo a {
color:#fff !important;
font-size:1.1em;
font-weight:700;
}

.brandlogo a:hover img {
text-decoration:none !important;
}

.brandlogo p {
margin-bottom:0;
}

.kundecenterkassetop {
background:url(/resources/gfx/kundecenterkasse-top.gif) no-repeat;
clear:both;
color:#fff;
font-size:1.1em;
font-weight:700;
height:66px;
padding-left:320px;
padding-top:25px;
width:614px;
}

div,table.adressetabel {
margin:0;
padding:0;
}

.support h4 a,.brandlogo a:hover,.toplink {
color:#dea501 !important;
}

a,#content a {
color:#043247;
text-decoration:none;
}

.showmodeltable td,.adressetabel td,.tilbudstabel td {
padding-right:10px;
}
.adressetabel td{
height:28px;
}
.adressetabel input{
width:400px;
}



/* new css */

body {
background:#fff;
color:#515664;
font-family:arial;
font-size:9pt;
line-height:1.2em;
margin:0;
padding:0;
text-align:center;
}

div,span,input {
margin:0;
padding:0;
}

img {
border:none;
margin:0;
padding:0;
}

a {
text-decoration:none;
}

h2 {
margin-top:1.2em;
}

table {
margin-left:0;
padding-left:0;
}
.layout {
width:999px;
padding:0;
margin:0;
}
#bottom {
	margin-top:10px;
}
#maincontent {
display:inline;
float:left;
overflow:hidden;
width:702px;
}
#rightfloat {
display:inline;
float:right;
position:relative;
width:288px;
}
#maincontent, #rightfloat {
	padding:0;
	margin:0;
}
.layout .col1 {
width:702px;
padding:0;
margin:0;
/*float:left;*/
}
.layout .col2 {
width:288px;
padding:0;
margin:0;
/*float:right;*/
}
tr {
margin:0;
padding:0;
}

td {
margin:0;
padding:0;
vertical-align:top;
}

ul {
margin-bottom:3px;
margin-top:3px;
padding-bottom:0;
padding-top:0;
}
.col1 > p, .col1 > h2 {
margin-left:0;
padding-left:6px;
}

.col1 > table {
margin-left:6px;
}

.col1 > p {
padding-right:10px;
padding-top:4px;
}

#container {
text-align:left;
margin-left:auto;
margin-right:auto;
width:1006px;
}

#content {
margin:0 0 0 7px; /* 7px left margin due to whitespace in top menu */
padding:0;
text-align:left;
width:999px;
}



.menu {
z-index:75;
}

.menu ul.nav1 {
background:url(/resources/gfx/menu-index-states.gif);
height:25px;
margin:0;
padding:0;
position:relative;
width:1006px; /*924px;*/
}

.menu ul.nav1 li a {
display:block;
height:25px;
}

.menu ul.nav1 li.mi {
display:inline-block;
height:25px;
list-style:none;
margin:0;
padding:0;
position:absolute;
top:0;
}

.menu ul.nav1 li.mi > a {
background-color:transparent;
text-indent:-9000px;
}

.menu ul.nav2 {
background-color:#01aef0;
border:2px solid #FFF;
border-top:2px solid #FFF;
height:auto;
left:-1999px;
list-style:none;
list-style-position:outside;
margin:0;
padding:5px 0 5px 20px;
position:relative;
text-indent:0;
width:100px;
z-index:76;
}

.menu ul.nav2 li {
height:17px;
margin:0;
padding:0;
position:relative;
}

.menu ul.nav2 a {
color:#FFF;
height:auto;
text-decoration:none;
}

.menu ul.nav2 li .pin{
display:none;
margin-bottom:-2px;
margin-left:4px;
}
.menu ul.nav2 li:hover .pin{
display:inline;
}
#menu-index {
margin-bottom:10px;
}

#menu-index ul.nav1 {
background:url(/resources/gfx/menu-index-states.gif);
}

#menu-index li#private {
left:0;
width:204px;
}

#menu-index li#private:hover {
background:url(/resources/gfx/menu-index-states.gif) 0 -25px no-repeat;
}

#menu-index li#business {
left:206px;
width:196px;
}

#menu-index li#business:hover {
background:url(/resources/gfx/menu-index-states.gif) -206px -25px no-repeat;
}

#menu-index li#about {
left:404px;
width:196px;
}

#menu-index li#about:hover {
background:url(/resources/gfx/menu-index-states.gif) -404px -25px no-repeat;
}

#menu-index li#contact {
left:602px;
width:196px;
}

#menu-index li#contact:hover {
background:url(/resources/gfx/menu-index-states.gif) -602px -25px no-repeat;
}

#menu-index li#disclaimer {
left:800px;
width:198px;
}

#menu-index li#disclaimer:hover {
background:url(/resources/gfx/menu-index-states.gif) -800px -25px no-repeat;
}

#menu-index li#about:hover ul.nav2 {
left:28px;
width:183px;
}

#menu-sub ul.nav1 {
background:url(/resources/gfx/menu-sub-states.gif);
}

#menu-sub li#index {
left:0;
width:170px;
}

#menu-sub li#index:hover {
background:url(/resources/gfx/menu-sub-states.gif) 0 -25px no-repeat;
}

#menu-sub li#inkjet {
left:172px;
width:162px;
}

#menu-sub li#inkjet:hover {
background:url(/resources/gfx/menu-sub-states.gif) -172px -25px no-repeat;
}

#menu-sub li#laser {
left:336px;
width:162px;
}

#menu-sub li#laser:hover {
background:url(/resources/gfx/menu-sub-states.gif) -336px -25px no-repeat;
}

#menu-sub li#stationary {
left:498px;
width:164px;
}

#menu-sub li#stationary:hover {
background:url(/resources/gfx/menu-sub-states.gif) -498px -25px no-repeat;
}

#menu-sub li#support {
left:662px;
width:164px;
}

#menu-sub li#support:hover {
background:url(/resources/gfx/menu-sub-states.gif) -662px -25px no-repeat;
}

#menu-sub li#disclaimer {
left:826px;
width:172px;
}

#menu-sub li#disclaimer:hover {
background:url(/resources/gfx/menu-sub-states.gif) -826px -25px no-repeat;
}

#menu-sub li#inkjet:hover ul.nav2 {
left:14px;
width:142px;
}

#menu-sub li#laser:hover ul.nav2 {
left:22px;
width:141px;
}

#menu-brands {
text-align:center;
z-index:0;
height:22px;
}

#menu-brands table {
	display:inline-table;
}

#menu-brands td {
height:20px;
padding-top:5px;
width:115px;
}

#menu-brands a {
color:#8a8a89;
}

.boxes {
display:inline;
float:right;
margin-top:4px;
}

.gone {
left:-999em;
line-height:1px;
margin:0;
padding:0;
position:absolute;
}
.add{
background:transparent url(/resources/gfx/smallbasket-add.gif) 0 0 no-repeat;
}
.sub{
background:transparent url(/resources/gfx/smallbasket-sub.gif) 0 0 no-repeat;
}
.buy{
background:transparent url(/resources/gfx/buy.gif) 0 0 no-repeat;
}

.add, .sub, .buy{
width:22px;
height:21px;
cursor:pointer;
border:0;
padding:0;
margin:0;
}
.buy{
width:36px;
}
#notes{
width:288px;
margin:0;
padding:0;
height:auto;
background:white url(/resources/gfx/notes-repeater.gif) repeat-y;
float:right;
}
#notes .icon{
padding:0;
margin:0;
width:56px;
height:52px;
float:left;
clear:none;
margin-left:9px;
display:inline;
}
#notes #note-orange{
background:transparent url(/resources/gfx/notes-icons.png) 0 -52px no-repeat;
}
#notes #note-blue{
background:transparent url(/resources/gfx/notes-icons.png) 0 0px no-repeat;
}
#notes #note-phone{
background:transparent url(/resources/gfx/notes-icons.png) 0 -260px no-repeat;
}
#notes #note-return{
background:transparent url(/resources/gfx/notes-icons.png) 0 -104px no-repeat;
}
#notes #note-check{
background:transparent url(/resources/gfx/notes-icons.png) 0 -156px no-repeat;
}
#notes #note-clock{
background:transparent url(/resources/gfx/notes-icons.png) 0 -208px no-repeat;
}
#notes #note-thumb{
background:transparent url(/resources/gfx/notes-icons.png) 0 -312px no-repeat;
}
#notes .note{
width:auto;
clear:both;
}
#notes .note a:hover{
text-decoration:none;
cursor:pointer;
}
#notes img.ruler{
margin:5px 0 6px 5px;
}
#notes .note p{
margin:0;
padding:0;
width:217px;
float:right;
display:inline;
}


/* subsite */
/*
table#products {
	
}
table#products .bottomrow {
	border-bottom:1px solid #D4DDE2;
}
table#products .priceinfo {
	font-weight:bold;
}
table#products .extended {
	background-color:#FFF8DC;
}*/
.productshort, .productlong {
	width:535px;
	margin-top:3px;
	border-bottom:1px solid #D4DDE2;
	padding-top:5px;
	/*
	float:left;	
	display:block;
	*/

}
.productshort {
	height:82px;
}
#page-search .productshort {
	width:700px;
}
#page-search .productshort .description {
	width:475px;
}
.productlong {
	background-color:#FFF8DC;
}
.last {
	border:none;
}
.productshort .productillustration, .productlong .productillustration {
	float:left;
	margin-right:6px;
}
.productshort .description {
	float:left;
	clear:none;
	width:315px;
	height:78px;
}
.productlong .discount {
	float:left;
	clear:none;
	width:198px;
	height:24px;
}
.productlong .description {
	float:left;
	clear:none;
	width:198px;
}
.productlong p, .productshort p {
	font-size:11px;
	margin:0;
	padding:0;
}
.productlong .discount {
	/*height:50px;*/
	font-weight:bold;
}
.productlong .technical {
	margin-top:10px;
}
.productlong .discount strong {
	color:#f00;
	font-weight:bold;
	font-style:capitalize; /* TODO validate */
}
.productlong .discountaction {
	float:left;
	clear:none;
	height:72px;
	/*width:123px;*/
	vertical-align:middle;
	text-align:center;
}
.productshort .description h3, .productlong .description h3 {
	clear:none;
	margin-top:1px;
	font-size:12px;
}
.productshort .productinfo, .productlong .productinfo {
	float:left;
	clear:none;
	height:24px;
	width:74px;
	/*width:74px;*/
	font-weight:bold;
	text-align:right; /*left*/
	padding-top:1px;
}
.productshort .productaction, .productlong .productaction {
	float:left;
	/*clear:right;*/
	height:24px;
	width:50px;
	overflow:hidden;
	font-weight:bold;
	text-align:center; /*left;*/
	padding-top:1px;
	margin-left:4px;
}
/* CSS to deal with bug in jQuery UI */
.productshort .productaction, .productshort .productinfo {
	background-color:#fff;
}
.productlong .productaction, .productlong .productinfo {
	background-color:#FFF8DC;
}
#products h2 {
	font-weight:bold; 
	font-size:13px; 
	padding:2px 0px 2px 10px;
	margin:10px 0px;
	background-color:#01AEF0;
	color:white;
	width:525px;
	-moz-box-shadow:2px 2px 3px #AAAAAA;
	-webkit-box-shadow:2px 2px 3px #AAAAAA;
}
#products h3 {
	font-weight:bold; 
	font-size:11px; 
	height:18px;
}
#products h3.brand {
	padding:3px 0 0 7px; 
	height:18px;
	width:528px;
	background:url(/resources/gfx/brand-background.gif) 0px 0px no-repeat;
}
#categories {
	clear:both;
}
#categories td img {
	margin:0 1px 0 0;
}
#subcategories {
	clear:both;
}
#subcategories img {
	margin:0px;
}
#subcategories div.subcategory {
	float:left;
	text-align:center;
	border-bottom:2px solid #fff;
	margin-left:1px;
	margin-right:1px;
	margin-top:3px;
}
#subcategories div.selected {
	border-bottom:2px solid #000;
}
#products {
	clear:both;
	width:542px;
}
.addbutton {
	background: url(/resources/gfx/products-button-add.gif) no-repeat;
	width:14px;
	height:15px;
	margin-top:1px;
}
.subbutton {
	background: url(/resources/gfx/products-button-sub.gif) no-repeat;
	width:14px;
	height:15px;
	margin-top:1px;
}
.buybutton {
	background: url(/resources/gfx/products-button-buy.gif) no-repeat;
	width:31px;
	height:17px;
	margin-top:0px;
	cursor:pointer;
}
.productbutton {
	border:none;
    vertical-align:top;
    overflow:hidden !important;
    cursor:pointer;
}
#categorymap {
	margin-bottom:-8px;
	background:url('/gfx/kontorartikler/cats-frontpage-background.jpg') no-repeat;
	padding-top:16px;
	height:603px;
}
#categorymap .category {
	background-color:#fff;
	width:203px;
	margin-left:4px;
	margin-bottom:11px;
	height:107px;
	float:left;
	clear:none;
}
#categorymap .category h2 {
	margin:3px 0 8px 13px;
	padding:0px;
	font-size:8pt;
	font-family:verdana;
	font-weight:bold;
}
#categorymap .footer {
	width:195px;
	height:15px;
	margin:0px;
	padding:0px;
	float:left;
}
#categorymap .subcategories {
	font-size:7pt;
	height:55px;
	float:left;
}
#categorymap .subcategory {
	margin:0 0 1px 5px;
	padding:0 0 0 8px;
	float:left;
	clear:both;
	display:inline;
	background: 0 0 url(/resources/gfx/kontorartikler/bullet.gif) no-repeat;
}
#categorymap .subcategories .column {
	float:left;
	clear:none;
	width:96px; /* 95px */
	overflow:hidden;
	margin:0px;
	padding:0px;
}
#smallcategorymap ul {
	list-style-type:none;
	font-size:6pt;
	padding:0px;
	margin:0 0 0 15px;
}
#smallcategorymap li {
	float:left;
	clear:none;
	margin:0px;
	padding:0px 3px 0px 2px;
}
#orangeclip {
	left:353px;
	position:relative;
	top:-126px;
	z-index:99;
}
#catalogue {
	width:620px;
}
#catalogue h1 {
	color:#000;
	padding-left:16px;
	margin-top:0px; /*3px;*/
	margin-bottom:7px;
}
#catalogue .product {
	width:295px;
	height:240px;
	padding-left:8px;
	color:black;
}
#catalogue .subbutton, #catalogue .addbutton {
	height:18px;
	width:18px;
	margin:0px;
	padding:0px;
	font-size: 7.5pt;
	cursor:pointer;
}
#catalogue .subbutton {
}
#catalogue .addbutton {
}
#catalogue .buybutton {
	margin-top:-2px;
	height:23px;
	width:72px;
	cursor:pointer;
}
#catalogue .number {
	border:0;
	padding:1px 0px 0 7px;
	margin:0px;
	overflow: visible; 
	width: 21px; 
	height: 18px; 
	font-size: 7.5pt;
	color: #356EE1; /*#EA4F26;*/
}

/* Show only to IE7 */
*:first-child+html #catalogue .number {
	margin-top:-1px;
}

/* office ad modal window */
.modal-overlay {  
    position:fixed;  
    top:0;  
    right:0;  
    bottom:0;  
    left:0;  
    height:100%;  
    width:100%;  
    margin:0;  
    padding:0;  
    background:#fff;  
    opacity:.63;  
    filter: alpha(opacity=63);  
    -moz-opacity: 0.63;  
    z-index:101;  
}  
.modal-window {  
    position:fixed;  
    top:40%;  
    left:44%;  
    margin:0;  
    padding:0;  
    z-index:102;  
}  
.close-window {  
    position:absolute;  
    width:70px;  
    height:38px;  
    right:8px;  
    top:8px;    
    text-indent:-99999px;  
    overflow:hidden;  
    cursor:pointer;
}

.tipbox {
	background: url(../gfx/tipbox-repeater.gif) repeat-y center top;
	width:197px;
	float:right;
	margin-right:5px;
	position:relative;
	top:75px;
}
.tipbox h1 {
	font-size:13px;
	font-weight:bold;
	padding:10px 10px 0px 10px;
	margin:0;
}
.tipbox p {
	margin:0;
	padding:10px 7px 10px 10px;
}
.tipbox h1+p {
	padding-top:2px;
}
.tipbox p.first {
	background: url(../gfx/tipbox-top.gif) no-repeat center top;
	padding-top:70px;
}
.tipbox .last {
	background: url(../gfx/tipbox-bottom.gif) no-repeat center bottom;
	padding-bottom:20px;
}

/* hacks/fixes */

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.heightfix:before {
content:'.';
display:block;
height:0;
visibility:hidden;
}
