html {
     overflow				: -moz-scrollbars-vertical;
     text-align				: left;
     height					: 101%;
	}
body {
	margin				: 0;
	font-size				: 14px;
	padding				: 0 0 10px 0;
	background-color			: #fdfdfc;
	background-image			: url(/images/elements/background_fade.jpg);
	background-repeat			: repeat-x;
	background-attachment		: fixed;
	font-family				: Calibri, Arial,Helvetica,sans-serif;
	color					: #454545 !important;
	line-height				: 21px;
	height				: 101%;
	}
img { 
	behavior				: url(/javascript/iepngfix.htc) ;
	border				: 0;
	padding				: 0;
	margin				: 0;
	}
ul, ol {
	margin				: 0px; 
	padding				: 0px 0px 0px 16px; 
	}
/* --------------------------------------------------------------------------------------------- */
/* The class is used to avoid problems with floats and to give fixed spaces                      */
.utSpace {
	display				: block;
	height				: 1px;
	margin				: 0px;
	padding				: 0px;
	overflow				: hidden;
	background-color			: transparent;
	clear					: both;
	/*line-height				: 1px;*/  /*gives bugs in IE7*/
	}
/* --------------------------------------------------------------------------------------------- */
/* NO PADDING AND NO MARGIN */	
.ingen-margin {
	margin				: 0px;
	padding				: 0px;
	}	
/* --------------------------------------------------------------------------------------------- */
/* DOTTED LINE														 */
.dottedLine,
.div_seperator_gray,
.div_seperator_black {
	display				: block;
	height				: 1px;
	margin				: 0px;
	padding				: 0px;
	overflow				: hidden;
	background-color			: transparent;
	clear					: both;
	background				: url("/images/redesign/elements/seperator-gray.gif") repeat-x; 
	height				: 1px;
	width					: 100%;
	}	
/* --------------------------------------------------------------------------------------------- */
/* PAGELAYOUT */
.boxBackground3columns {
	background				: url("/images/redesign/elements/box-background-3columns.jpg") no-repeat; 
	min-height				: 342px; 
	padding				: 1px 13px 13px 13px;
	}
.boxBackground2columns {
	background				: url("/images/redesign/elements/box-background-2columns.jpg") no-repeat; 
	min-height				: 342px;
	padding				: 20px 20px 20px 20px;
	}
.boxBackground2columnsShort {
	background				: url("/images/redesign/elements/box-background-2columns-short.jpg") no-repeat; 
	min-height				: 239px;
	padding				: 20px 20px 20px 20px;
	}		
/* --------------------------------------------------------------------------------------------- */
/* RIGHT MENU */
.menulevel2Container {
	width					: 200px;
	height				: 476px;
	background				: url("/images/redesign/menulevel2/menulevel2-background.gif") no-repeat;
	padding				: 15px 0px 0px 0px;
	float					: right;
	display				: inline;
	text-align				: left;
	}
.menulevel2Container a {
	display				: block;
	text-transform			: uppercase;
	font-family				: Arial, Calibri, sans-serif;
	font-size				: 12px;
	width					: 183px;
	height				: 22px;
	border-bottom			: 1px solid #60747b;
	color					: #FFFFFF;
	font-weight				: bold;
	text-decoration			: none;
	padding				: 7px 0px 0px 17px;
	line-height				: normal;
	}	
.menulevel2Container a:first-child,
.menulevel2Container a.first-child {
	height				: 21px;
	border-top				: 1px solid #60747B;
	}		
.menulevel2Container a:link,
.menulevel2Container a:visited,
.menulevel2Container a:hover {
	color					: #FFFFFF;
	font-weight				: bold;
	text-decoration			: none;
	}

.menulevel2Container a:hover,
.menulevel2Container a.True {
	background				: url("/images/redesign/menulevel2/menulevel2-selected.gif") repeat-y;
	}		
.menulevel2Container a.menulevel3 {
	width					: 168px;
	padding				: 7px 0px 0px 32px;
	}	
.menulevel2Container .menuheading {
	text-transform			: uppercase;
	font-family				: Arial, Calibri, sans-serif;
	font-size				: 12px;
	width					: 183px;
	height				: 22px;
	border-bottom			: 1px solid #60747b;
	color					: #728b96;
	font-weight				: bold;
	padding				: 7px 0px 0px 17px;
	line-height				: normal;
	}				
/* --------------------------------------------------------------------------------------------- */
/* LOGIN-BOX - LOGGED OUT STYLES */
#loginFormContainer fieldset {
	position				: relative;
	margin				: 5px 2px 0px 0px; 
	padding				: 0px; 
	border				: none; 
	background				: url("/images/redesign/login/login-background.gif") no-repeat top right; 
	height				: 45px; 
	width					: 477px;
	float					: right;
	}
#loginFormContainer legend { 
	display				: none; 
	}
#loginFormContainer input.field { 
	width					: 102px;  
	font-size				: 13px !important; 
	font-family				: Calibri, Arial, Verdana, sans-serif !important;
	padding				: 1px 0px 0px 0px; 
	margin				: 0px 0px 0px 8px; 
	height				: 18px;	 
	line-height				: normal;
	display				: inline;
	float					: left;  
	}	
#loginFormContainer div.label { 
	position				: relative; 
	float					: left; 
	overflow				: hidden; /*overflow:hidden is important because it hides the <label> when the user places the cursor ind the input-field. */
	height				: 25px;
	margin				: 12px 0px 0px 0px;
	}
#loginFormContainer label.over { 
	color					: #666666; 
	position				: absolute; 
	top					: 1px; 
	left					: 20px;
	font-size				: 12px;
	}
 #loginFormContainer .tabContainer {
	float					: left;
	width					: 70px; 
	height				: 45px;
	}
 #loginFormContainer .formFieldContainer {
	float					: right; 
	width					: 390px; 
	height				: 45px;
	padding				: 0px 0px 0px 0px;
	}
#loginFormContainer input[type=image] {
	cursor				: pointer; 
	display				: inline; 
	float					: left;
	margin				: 12px 0px 0px 8px;
	}
#loginFormContainer a.forgottenPassword {
	display				: inline; 
	float					: right; 
	width					: 88px; 
	height				: 37px; 
	padding-top				: 8px; 
	text-align				: center; 
	text-decoration			: none; 
	color					: #454545; 
	line-height				: 14px; 
	margin				: 0px; 
	border-left				: solid 1px #DDDDDD;
	font-size				: 12px;
	}
#loginFormContainer a.forgottenPassword:hover {
	text-decoration			: underline;
	}
#loginFormContainer a.tabs {
	display				: block; 
	width					: 100%; 
	outline				: none;
	}						
/* --------------------------------------------------------------------------------------------- */
table {
	text-align				: left;
	}
input, select {
	font-size				: 13px !important;
	font-family				: Calibri, Verdana, Arial, sans-serif !important;
	color					: #454545 !important;
	}
a:link, a:visited {
	color					: #A91B24;
	text-decoration			: underline;
	}
.redText {
	color					: #AB1E24;
	}
.whiteText {
	color					: #FFFFFF;
	}
h1 {
	margin				: 0;
	padding				: 0;
	font-size				: 20px;
	}
h2 {
	margin				: 0 0 10px 0;
	padding				: 0;
	font-size				: 14px;
	}
.heading2 {
	font-size				: 19px;
	}	
h3 {
	font-size				: 14px;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	}
p {	
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 21px 0px;
	}		
.smallText {
	font-size				: 11px;
	}
.div_text {
	clear					: both;
	float					: left;
	width					: 100%;
	}
#prislayout .div_text {
	clear					: both;
	float					: left;
	width					: 97.6%;
	padding-left			: 1.4%;
	padding-right			: 1.0%;
	}
#prislayout .div_header {
	padding-left			: 1.4%;
	padding-right			: 1.0%;
	}
#prislayout .mellemgraa {
	background				: #EEEEEE; 
	}
#prislayout .lysgraa {
	background				: #F6F6F6;
	}
.shop-heading2 {
	margin: 21px 0 0 0;
	}	
/* --------------------------------------------------------------------------------------------- */	
/* ORDER PAGE. These style are used by the initial three product images on the order page.
   The styles are used with the jquery-script "custom-input-jquery.js".
   The jquery-script replaces radiobuttons with the images.                                      */
   
/* wrapper divs */
.custom-radio { 
	position				: relative; 
	float					: left; 
	}	
/* input, label positioning */
.custom-radio input {
	position				: absolute;
	left					: 2px;
	top					: 3px;
	margin				: 0;
	z-index				: 0;
	}
.custom-radio label {
	display				: block;
	position				: relative;
	z-index				: 1;
	line-height				: 1;
	cursor				: pointer;
	height				: 120px;
	width					: 264px;
	}
.custom-radio:first-child + div {
	margin				: 0px 33px 0px 33px;
	}
/* states */
.custom-radio label.newNumber { 
	background				: url(/images/redesign/pages/order/choose-product-new-number.gif) no-repeat; 
	}
.custom-radio label.moveNumber { 
	background				: url(/images/redesign/pages/order/choose-product-move-number.gif) no-repeat; 
	}
.custom-radio label.changeToOnline { 
	background				: url(/images/redesign/pages/order/choose-product-change-to-online.gif) no-repeat; 
	}		
.custom-radio label {
	background-position		: 0px 0px;
	}
.custom-radio label.hover,
.custom-radio label.focus {
	background-position		: 0px -120px;
	}
.custom-radio label.checked {
	background-position		: 0px -240px;
	}
.custom-radio label.focus {
	outline				: 1px dotted #ccc;
	}
#MyNumbers {
	position				: relative;
	}
#MyNumbers label {
	position				: relative;
	left					: 3px;
	top					: -4px;
	}
*+html #MyNumbers label {
	position				: relative;
	left					: 3px;
	top					: -1px;
	}	
#MyNumbers table td {
	height				:22px;
	}	
/* --------------------------------------------------------------------------------------------- */
/* LOGIN - LOGGED IN                                                                             */
a.loggedIn:link, a.loggedIn:visited {
	text-decoration			: none;
	color					: #454545;
	}
a.loggedIn:hover {
	text-decoration			: underline;
	color					: #454545;
	}
	
.content_menu {
	float					: right;
	width					: 200px;
	}
.content_area {
	float					: left;
	width					: 640px;
	}
		
.div_login_text {
	float					: left;
	width					: 200px;
	height				: 23px;
	line-height				: 23px;
	}
.div_login_value {
	float					: left;
	width					: 250px;
	height				: 23px;
	line-height				: 23px;	
	}
.div_login_right {
	float					: right;
	line-height				: 23px;
	}
.div_login_link {
	float					: right;
	height				: 23px;
	line-height				: 23px;	
	}
.done {
	color					: #339900;
	}
.error {
	color					: #ff0033;
	}
.div_error {
	clear					: both;
	color					: #ff0033;
	font-weight				: bold;
	}
.div_ok {
	clear					: both;
	color					: #339900;
	font-weight				: bold;
	}
.div_optank_left {
	float					: left;
	clear					: left;
	width					: 16%;
	height				: 23px;
	line-height				: 23px;	
	}
.div_optank_middle {
	float					: left;
	width					: 35%;
	height				: 23px;
	line-height				: 23px;	
	}
.div_optank_right {
	float					: left;
	height				: 23px;
	line-height				: 23px;	
	}
.div_multirefill_left {
	float					: left;
	clear					: left;
	width					: 60%;
	height				: 23px;
	line-height				: 23px;
	}
.div_multirefill_middle {
	float					: left;
	width					: 20%;
	height				: 23px;
	line-height				: 23px;
	}
.div_multirefill_right {
	float					: right;
	clear					: right;
	text-align				: right;
	width					: 20%;
	height				: 23px;
	line-height				: 23px;
	}
.div_forbrug_left {
	float					: left;
	clear					: left;
	width					: 45%;
	line-height				: 23px;
	}
.div_forbrug_middle {
	float					: left;
	width					: 35%;
	height				: 23px;
	line-height				: 23px;
	}
.div_forbrug_right {
	float					: right;
	clear					: right;
	text-align				: right;
	width					: 20%;
	height				: 23px;
	line-height				: 23px;
	}
/* --------------------------------------------------------------------------------------------- */	
/* MOST LIKELY MORE LOGGED IN STYLES                                                             */
a.blacklink_txt:link, a.blacklink_txt:visited, a.blacklink_txt:hover {
	color					: #454545;
	text-decoration			: none;
	cursor				: help;
	}
 a.blacklink_txt:hover {
	text-decoration			: underline;
	}
 a.blackUnderline:link, a.blackUnderline:visited, a.blackUnderline:hover {
	color					: #454545;
	}
.div_priser_ydelse {
	float					: left;
	width					: 30%;
	clear					: left;
	}
.div_priser_ydelse_dobbelt {
	float					: left;
	width					: 76%;
	clear					: left;
	}
.div_priser_beskrivelse {
	float					: left;
	width					: 43%;
	}
.div_priser_beskrivelse_big {
	float					: left;
	width					: 52%;
	}
.div_priser_pris {
	float					: left;
	width					: 18%;
	clear					: right;
	text-align				: right;
	}
.div_priser_ydelse_big {
	float					: left;
	width					: 82%;
	clear					: left;
	}
.div_priser_pris_1 {
	float					: left;
	width					: 12%;
	text-align				: right;
	}
.div_priser_pris_2 {
	float					: left;
	width					: 15%;
	text-align				: right;
	clear					: right;
	}
textarea {
	font-family				: Calibri, Verdana, Arial, sans-serif;
	font-size				: 10px;
	}
/* --------------------------------------------------------------------------------------------- */