﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 120%;
	font-family: Arial;
	vertical-align: baseline;
	font-size:12px;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	//line-height: 1.5;
	color: black;
	background: white;
	font-size:12px;
	font-family: Arial;
	font-variant:normal;
	font-style:normal;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }

body
{
	padding: 10px;
	font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
color:#111111;
font-family:Arial;/*,Helvetica,Arial,sans-serif;*/
}
h6 {
font-size:1em;
font-weight:bold;
margin:0;
padding:0;
text-align:center;
}

.warning, .information, .error, .notice, .success, .help, .minibasket{
border:2px solid #DDDDDD;
margin-bottom:1em;
padding:0.8em;
}
p.MsoNormal{
	font-size:16px; 			
}
.MsoNormal span{
	font-size:16px;				
}

/* MAIN 3 COLUMN STYLING */
#container
{
    width: 950px;/* 90%;*/
    /*max-width:70em; */;
    margin: 0px auto;
    /*background-color: #E6EEEF;*/
    color: #000000;
    /*border: 1px dotted gray;*/
    line-height: 130%;
}

#top
{
/*padding: 2em;
background-color: #ddd;*/
/*border-bottom: 1px dotted gray;*/
height:210px;
}
#top h1
{
padding: 0;
margin: 0;
}
#top_menu {
    height: 23px;
    padding-top: 2px;
    margin-bottom: 40px;
    background: url('../images/topmenu.png') no-repeat;
}
#top_menu a:link, #top_menu a:visited {
    color: #fff;
    font-size: 14px;

    /*font-weight:bold;*/
}
#top_menu a:hover{
	text-decoration:underline;
}
#top_menu td{
	.padding:0px 12px; !Important /* The . before padding makes sure that only IE7 sees the padding*/
}
.whitelink /*a, .whitelink a:hover*/
{color:white;
font-weight:bold;
text-decoration:none;
width:100%;
position:relative;
top:3px;
display:block;
}
#leftnav div.shoppingbasket {
margin-top:0px;
margin-bottom:7px;
width:190px;
display:block;
margin-left:5px;
margin-right:5px;
}

#leftnav a.shoppingbasket {
/*margin-top:7px;
margin-bottom:7px;*/
color:silver;font-weight:bold;text-decoration:none;
text-decoration:none;
display:block;
}
#leftnav a.login_OLD {
/*margin-top:7px;
margin-bottom:7px;*/
font-weight:bold;
text-decoration:underline;
/*display:block;*/
text-align:center;
border:2px solid #D6515A;
color:#D6515A;
display:block;
}
#leftnav a.login /*a, .whitelink a:hover*/
{color:white;
font-weight:bold;
text-decoration:none;
width:100%;
position:relative;
text-align:center;
top:3px;
display:block;
background-image:url('../../../images/button_green.png');
height:23px;
margin-bottom:10px;
.margin-bottom:3px; !Important /* The . before margin makes sure that only IE7 sees the margin*/
}

#leftnav a.logoff {
font-weight:bold;
text-decoration:underline;
color:silver;
}


#leftnav
{
float: left;
width: 200px;
margin: 0;
padding: 0.3em;
}
#leftnav ul{
 margin:1px 0;
 display:block;
 	
}
#leftnav li{
margin-bottom: 8px; 
margin-left: 5px;
margin-right: 5px;
color:white;
font-weight:bold; 
text-align:center;
/*height:23px;*/
display:block;
position:relative;
}
#leftnav li.menublue
{
background-image:url('../../../images/button_blue.png');
height:23px;
}
#leftnav li.menugreen
{
background-image:url('../../../images/button_green.png');
height:23px;
}
#leftnav li.menured
{
background-image:url('../../../images/button_red.png');
height:23px;
}
#leftnav li.menusearch
{
text-align:left;
height:23px;
}
#leftnav li.accountlistli{
display:none;

}

#leftnav .accountlist
{
	display:none;				
}
#leftnav .accountlistshow
{
	display:block;
	position:relative;
	height:80px;
	clear:both;
	z-index:2;
}

#leftnav li.menuaccount{
text-align:left;
				
}
#leftnavn span.searchspan{
				
}
#leftnav .searchinput{
width:64%;border: 1px solid #5A92E7;
margin:0px;
padding:0px;
height:20px;
font-size:16px;
.margin-left:-5px; !Important /* The . before margin makes sure that only IE7 sees the left margin*/

}
#leftnav .searchbutton{
color:white;
font-weight:bold;
/*background-image:url('../../images/button_search.png');*/
background:#fff url(/images/button_search.png);/* Use background instead of background-image, more stable for some reason*/
border-style:none; 
width:52px;
height:23px;
text-align:center; 
margin-right:0px;
margin:0px;
padding:0px;
cursor:pointer;
position:relative;
right:-10px;
}

/* AX MENU */
#leftnav ul.vertnav
{
	margin:1px 0;
	display:block;
	background-color:white;
	width:200px;
}

#vertnav li
{
margin-bottom:3px;
display:block;
}
#vertnav li.activesublist {
/*background-color:#E4E2E0;*/
background-color:white;
color:#000000;
display:block;
font-family:Arial;
font-size:12px;
font-weight:400;
padding:0;
text-align:left;
/*margin-left:0;
margin-bottom:3px;*/
}
#vertnav li.active {
/*N! background-color:#F5F4F3;*/
font-weight:normal;
color:white;
display:block;
font-family:Arial;
font-size:12px;
padding:0;
text-align:left;
/*margin-left:0;
margin-bottom:3px;*/

}
#vertnav li.activegroupselected {
/*background-color:#F5F4F3;*/
color:black;
display:block;
font-family:Arial;
font-size:10px;
font-weight:bold;
padding:0;
text-align:left;
/*margin-left:0;
margin-bottom:3px;*/

}
#vertnav li.root {
/*background-color:#F5F4F3;*/
color:#000000;
display:block;
font-family:Arial;
font-size:12px;
font-weight:400;
text-align:left;
/*margin-left:0;
margin-bottom:3px;*/

}
#vertnav li.activeitemselected {
/*background-color:#F5F4F3;*/
color:#000000;
display:block;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:0;
text-align:left;
/*margin-left:0;
margin-bottom:3px;*/

}
#vertnav a{
border-bottom:2px solid #DDDCDA;/*#1061D6; */
color:black;
cursor:pointer;
display:block;
font-family:Arial;
font-size:12px;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-decoration:none;
width:100%;				
}
#vertnav a.activesublist,a.default
{
border-bottom:2px solid #DDDCDA;/*#1061D6; */
color:black;
cursor:pointer;
display:block;
font-family:Arial;
font-size:12px;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-decoration:none;
width:100%;/*190px;*/
/*margin-left:5px;
margin-right:5px;*/
}
#vertnav a.selected {
/*border-bottom:1px solid #DDDCDA;*/
 text-decoration:none;
color:#D6515A;
height:20px;
margin:0;
padding:0;
display:block;
font-size:10px;
 background-color:#EBEAEF;

}

#vertnav a:hover.activesublist,a:hover.default
{
 font-weight:bold;
 display:block;
}


#vertnav li.axactive{
margin-bottom: 5px; 
color:white;
font-weight:bold; 
display:block;
text-align:center;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
float:left;
width:730px;
/*margin-left: 210px;*/
/*border-left: 1px dotted gray;*/
/*margin-right: 200px;*/
/*border-right: 1px solid gray;*/
padding: 1em 0em 1em 1em;
min-height:500px;
}
#footer
{
clear: both;
margin: 0;
padding: .5em;	
color: #333;
/*background-color: #ddd;*/
/*border-top: 1px solid gray;*/
}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* OVERLAY DIVS */
#overlaydivwhite {     
    width:500px; 
     
    /* overlay is initially hidden */ 
    display:none;     
    background-image:url(../img/white.png);
} 
#overlaydivpetrol {     
    width:500px; 
     
    /* overlay is initially hidden */ 
    display:none;     
    background-image:url(../img/petrol.png);
} 
 
/*  
    close button (div.close element) is auto-generated by default.  
    here it is positioned on top-right corner  
*/ 
div.overlaydivs div.close { 
    background:url(../img/close.png) no-repeat; 
    position:absolute; 
    top:5px; 
    right:10px; 
    width:35px; 
    height:35px; 
    cursor:pointer;     
} 
div.overlaydivscontent {}
.loginhelpheading
{
 font-size:18px; font-weight:bold;color:#D6515A;
 padding-bottom:4px;
}
.loginhelp
{
 font-size:12px; 
}
.loginhelpextra
{
 font-size:13px; font-weight:bold; font-style:italic;
}

/* ITEM GALLERY */
.itemcontainer{
background-color: white;/* #F7F8F9 ;/* #F9F9F9;*/
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
float:left;
height:175px;
margin:4px;
padding:10px 5px 5px 5px;
text-align:center;
width:159px;
position:relative;
}
.itemcontainer2
{
float: left;
width: 170px;
	border-right:1px dotted black;
		border-bottom:1px dotted black;
/*border: 1px dotted #999;*/
/*border-bottom:1px solid #999;*7
/*border-left:1px solid #999;*/
/*border-right:1px solid #999;*/
margin: 0;
/*margin: 0 10px 10px 0;*/
padding:010px 0px 0px 010px;
/*padding: 5px;*/
height:200px;
}
/*.itemcontainerrightedge
{
	border-right:0px dotted black;
}*/
.itemcontainerspan ,input
{
    font-size:75%;
    margin-right:5px;
}
.itemcontainer .soldout
{
    color:Red;
    }
.itemcontainer .itemname
{
   /*float:left;*/
display:block;
font-weight:bold;
color:black;/*#3399FD;*/
/*position:relative;
top:50px;*/    }
.itemcontainer .itemid
{
    /*display:block;*/
    /*font-size:70%;*/
    padding:3px;
    font-size:10px;
    color:black;
    /*height:40px;*/
    
    }

.itemcontainer .itemprice
{
    /*float:left;
position:relative;
top:60px; */
display:block;
font-size:150%;font-weight:bold;   
padding:5px;
color:black;}



.itemcontainer a
{
    color: Blue;
    text-decoration: none;
    margin-left: 5px;
    font-weight: normal;
    /*font-size:75%*/
}
.itemcontainer a.addedok,a.addedok{
 margin-left:1px;
 text-decoration:underline;
 color:#109E4A;
}

.itemcontainer img
{
/*float:left;    
padding-right:10px;*/
height:90px;
width:70px;
}
.itemcontainer .extratext
{

    display:block;
    /*font-size:70%;*/
    padding:3px;
    position:absolute;
    left:0px;
    bottom:0px;
    font-weight:normal;
    
    /*height:40px;*/
    
    }

.itemcontainer input.buybutton{
/*background-image:url('/images/kjop.png');*/
background:#fff url(/images/kjop.png); /* Use background instead of background-image, more stable for some reason*/
border-style:none;
bottom:5px;
color:white;
cursor:pointer;
font-weight:bold;
height:23px;
position:absolute;
right:0;
text-align:center;
width:52px;
}
.itemcontainer span.discountstar{
background:url(/images/stjerne.png) no-repeat; /* Use background instead of background-image, more stable for some reason*/
border-style:none;
top:1px;
color:red;/*#D6515A;*/
cursor:pointer;
font-weight:bold;
position:absolute;
right:20px;
text-align:center;
padding-top:19px;
height:52px;
width:53px;
}
/** html .itemcontainer span.discountstar{
{
	background:url(/images/stjerne.gif) no-repeat;	
}*/

img.itemok 
{
	height:	14px;
	width:13px;
}

.clearboth { clear: both; }

.itemdetails
{
    margin: 15px 0px 0px 30px;
}
.itempage
{
margin-top:20px;

}
.itempage .imagearea{
	float:left;margin-right:15px;			
	 position:relative;
}
.itempage .imagelink{
text-decoration:none;
}
.imagearea span.discountstar{
background:transparent url(/images/stjerne_stor.png) no-repeat scroll 0 0;
border-style:none;
color:red;
cursor:default;
font-size:16px;
font-weight:bold;
height:52px;
padding-left:6px;
padding-top:26px;
position:absolute;
right:-5px;
text-align:center;
top:1px;
width:60px;
}
/** html .imagearea span.discountstar{
{
background:transparent url(/images/stjerne_stor.gif) no-repeat scroll 0 0;
}*/

.itempage .buybutton{
/*background-image:url(../../images/kjop.png);*/
background:#fff url(/images/kjop.png);/* Use background instead of background-image, more stable for some reason*/
border-style:none;

color:white;
cursor:pointer;
font-weight:bold;
height:23px;
text-align:center;
width:52px;
}
.itempage .qtyfield{
width:40px;border: 1px solid #5A92E7;
margin:0px;
padding:0px 3px 0px 0px;
margin-right:10px;
height:20px;
font-size:16px;
text-align:right;
.margin-left:-5px; !Important /* The . before margin makes sure that only IE7 sees the left margin*/

}

.minibasket
{
    text-align:left;
background:#FFF6BF none repeat scroll 0 0;
border-color:#FFD324;
color:#817134;
}  
.minibasketcontainer 
{
	display:block;
	width:190px;
	/*height:54px;*/
	text-align:center;
}

.minibasket a {
color:#817134;
} 
.sort a, .animatelink a,.homelink a {
color:#817134;
} 
.sort, .animatelink, .homelink
{
text-align:left;
font-size:75%;

color:#817134;
}
.w3c
{
    margin:5px;
    /*float:right;
    top:0px;
    position:relative;*/
    
}
.powered
{
    margin: 5px;
    font-size: 75%;
    font-style: italic;
    font-weight: bold;
    color: #08246B;
    margin-bottom:0px;
    margin-top:0px;
    text-decoration:none;
}


/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}
/*****AX WEBFORM******/
caption.formcaption,div.formcaption
{
	vertical-align: top;
	background-color: #ffffff;
	border-top: solid 1px #109E4A;
	border-bottom: 1px solid #109E4A;
	border-left: solid 1px #109E4A;
	border-right: solid 1px #109E4A;
	padding: 1px 4px 4px 4px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold; 
	color: #109E4A;;
	text-decoration: none;
}

table.headertable {
background-color:#EBF4FF;
font-size:12px;
}
td.gridheader {
background-color:white;
border-color:white;
font-size:12px;
font-weight:bold;
padding:3px 4px 3px 3px;
}
td.gridheader td {
border-color:white;
font-size:12px;
}
td.gridforminput {
border-color:white;
font-size:12px;
padding-left:3px;
padding-right:3px;
vertical-align:top;
}
td.gridforminput a {
border-color:white;
color:#000000;
}
input.gridinput {
border-color:white;
font-size:12px;
margin:0;
padding:0;
vertical-align:top;
}
td.gridnewforminput {
background-color:#F1F1F1;
font-size:12px;
padding:3px;
vertical-align:top;
}
td.gridformbutton {
font-size:12px;
text-align:center;
vertical-align:top;
}
input.gridnewinput {
font-size:12px;
margin:0;
}
table.lookup {
background-color:black;
font-size:12px;
}
table.grid {
border-collapse:collapse;
border-style:none;
}
table.grid table td {
border:medium none;
font-size:8pt;
}
table.grid th {
font-size:12px;
}
table.grid td {
border-bottom:1px solid #4E7CB7;
border-color:white white #4E7CB7;
border-style:none none solid;
}
th.formgroupheader {
font-size:12px;
font-weight:bold;
padding-bottom:4px;
padding-top:6px;
text-align:left;
}
td.formcontainer, td.MiniBasketformcontainer {
padding-left:0;
}
td.formdata, td.MiniBasketformdata {
font-size:11px;
font-weight:bold;
padding-right:4px;
text-align:left;
}
input {
font-size:11px;
}
td.forminput {
font-size:11px;
text-align:left;
}
table.tabtable {
border-bottom:1px solid #CCCCCC;
font-size:12px;
margin-top:10px;
}
td.formtab {
background-color:#E2E2E2;
color:black;
font-size:12px;
padding-left:4px;
padding-right:4px;
}
td.formtableft {
background-position:right center;
background-repeat:no-repeat;
border-left:3px solid white;
font-size:12px;
}
td.formtabright {
background-repeat:no-repeat;
border-right:3px solid white;
font-size:12px;
}
td.formtabselected {
background-color:#CCCCCC;
color:black;
font-size:12px;
font-weight:bold;
padding-left:6px;
padding-right:6px;
}
td.formtabselectedleft {
background-position:right center;
background-repeat:no-repeat;
border-left:3px solid white;
font-size:12px;
}
td.formtabselectedright {
background-repeat:no-repeat;
border-right:3px solid white;
font-size:12px;
}
td.formtabcontainer {
font-size:12px;
padding-bottom:4px;
padding-left:4px;
padding-top:4px;
}
td.formtabempty {
background-color:transparent;
}
td.formbutton {
cursor:pointer;
font-size:12px;
padding-right:4px;
}
td.warning {
color:red;
font-family:Arial;
font-size:13px;
}
td.error {
color:red;
font-family:Arial;
font-size:13px;
}
input.button {
font-size:12px;
}
input.go {
font-size:12px;
}
input.formcheckbox {
font-size:12px;
}
table.inform, table.Minibasketinform {
font-size:12px;
padding-bottom:1px;
padding-right:4px;
padding-top:1px;
}
td.lookupdata a:link {
background-color:white;
color:blue;
font-size:12px;
}
td.lookupdata a:hover {
background-color:white;
color:blue;
font-size:12px;
}
td.lookupdata a:visited {
background-color:white;
color:blue;
font-size:12px;
}
table.inform .ms-toolbar {
font-size:12px;
}
#fakelink {
color:#003399;
font-size:12px;
text-decoration:underline;
}
#fakelinkhover {
color:#E19D47;
font-size:12px;
text-decoration:underline;
}
td.reportth {
border-bottom:1px solid #E2E2E2;
font-size:12px;
font-weight:bold;
text-align:left;
}
th.reportth {
border-bottom:1px solid #E2E2E2;
/*font-size:12px;*/
font-weight:bold;
text-align:left;
}
td.odd {

background-color:white;
font-size:12px;
vertical-align:top;
}

td.even {
background-color:#F2F2F2;
font-size:12px;
vertical-align:top;
}

tr.odd {

background-color:white;
font-size:12px;
vertical-align:top;
}

tr.even {
background-color:#F2F2F2;
font-size:12px;
vertical-align:top;
}
.reportheader {
font-size:12px;
margin-bottom:5px;
}
.companyname {
font-size:12px;
font-weight:bold;
}
.reportname {
font-size:12px;
font-weight:bold;
}
.pageno {
font-size:12px;
font-weight:bold;
}
td.reportlabel {
font-size:12px;
font-weight:bold;
}
th.sumrow {
background-color:#DCDCDC;
font-size:12px;
font-weight:bold;
}
td.sumrow {
background-color:#EFEFEF;
font-size:12px;
font-weight:bold;
}
td.sum {
background-color:#EFEFEF;
border-bottom:3px double black;
font-size:12px;
font-weight:bold;
}
td.total {
border-bottom:1px solid #CCCCCC;
font-size:12px;
}
td.grandtotal {
border-bottom:3px double black;
font-size:12px;
}
.line {
background-color:#C6D6EE;
font-size:12px;
}
.linedotted {
background-position:center center;
background-repeat:repeat;
font-size:12px;
}
td.information {
/*color:red;*/
font-family:Arial;
font-size:13px;
}
td.gridcontrols
{
text-align:right;
}
.reportcontainer td
{
padding:1px 3px 1px 3px;
}
span.forminput{
	font-weight:normal;
}

