/*
    File:	Style_basic.css
    Usage:	Include this basic style sheet as the first thing, and then cascade your own.
    Layout:	The screen is divided in four areas:
    		- The top area called BigLogo fills entire width and some area in the top
		- The rest is divided in three vertical bars: MenuBox1, MainText, MenuBox2
*/
body {
	font-family:		"arial";
	font-variant:		normal;
	font-style:			normal;
	font-weight:		normal;
	font-size:			9pt;
	background-color:	#FFFFFF;
	/*
	color:			#000000;
	   DO NOT DO THIS - or you will have to specify a lot of colors for links, images, tables, ... !
	   IF YOU DO THIS - then everything is rendered using these colours, unless you specify otherwise.
	   Maybe it would actually be good to specify all that in your style sheets, but that's for nerds.
	   Disable this comment to see the difference.
	*/
	}


/* ************************************************************ */

a:link, a:visited, a:hover, a:active {
	font-weight:		bold; 
	color:				#000000;
	text-decoration:	underline;
	}

a:hover {
	color:				#FF0000;
	}

a:active {
	background-color:	#D0D0D0;
/*	background-color:	#FF7777; */
	}

a.Basket:link, a.Basket:visited {
	/*padding-left:           -3px;*/
    margin-left:		3px;
    margin-right:		3px;
	font-weight:		bold; 
	color:				#FFFFFF;
	text-decoration:	none;
	font-size:			10pt;
	}

a.Basket:hover{color:	#FF0000;}

a.Basket:active{background-color:	#FF7777;}

/* ************************************************************ */


/*	The entire document is enclosed in <DIV id="Entire_Document"> .... </DIV>
	The tags are written in the header and the footer
	The document must be able to fit 800x600 pixels.
	If the browser window is larger, then the document must be centered.
	Therefore, two DIV's are used, the inner one having margin = auto.
	Internet Explorer also requires text-align = center in outer DIV.
	There are *many* issues relating to browsers and rendering!
*/
#Entire_Document {
	font-family:		"arial";
	font-size:			10pt;
	margin:				0px 0px;
	padding:			0px 0px 0px 0px;
	position:			absolute;
	text-align:			center;
	background-color:	#FFFFFF;
	top:				0px;
	left:				0px;
	height:				auto;
	width:				100%; 
/*	border:				solid #00FF00 2px; */
	}

#Entire_Doc1 {
	margin:				auto;
	position:			relative;
	left:				0px;
/*	height:				99%;*/
	width:				975px;
/*	border:				solid #FF0000 2px;  */
	}

#Entire_Doc2 {
	margin:				auto;
	position:			relative;
	top:				0px;
	left:				0px;
	height:				auto;
	width:				975px;
	background-color:	#FFFF1A;
/*	border:				solid #FF0000 2px;  */
	}

/* ************************************************************ */

#Biglogo {
	margin:				0px 0px;
	padding:			0px 0px 0px 0px;
/*	Background images and different browsers - not displayed the same way ... argh.
	background-image: url( "graphics/bonami.jpg" );
*/
	position:			absolute;
	clear:				both;
	text-align:			left;
	font-family:		monospace;
	font-size:			32px;
	font-weight:		bold;
	left:				0px;
	top:				0px;
	height:				126px;
	width:				100%;
	}

#Biglogo HR {
	margin:				0px 0px;
	}

#TopMenu {
	margin:				0px 0px;
  	padding:			0px 0px;
	position:			absolute;
	left:				0px;
	top:				126px;
	width:				975px;
	font-family:		"arial";
	font-weight:		normal;
	font-size:			8pt;
	height:				30px;
	background-repeat:	repeat-x;
    background-image:	url(/graphics/topmenuknap.jpg);
/*	text-align:         left;*/
/*	border:             solid 1px #777777;	(debug) */
/*    background-image:	url(/graphics/topmenuknap.jpg);
	background-color:	#E8F2F4;*/
	}

/* padding-top, padding-right, padding-bottom, and padding-left. */

#TopMenu A {
/*	margin:				0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
    width:				85px;*/
  	text-decoration:	none;
	color:				#FFFFFF;
	text-align:			center;
    margin:				auto;
    }
	

/* ************************************************************ */

#MainText {
	position:			absolute;
/*	overflow:			auto; */
	text-align:			left;
	width:				640px;
	height:				auto;
	left:				140px;
	top:				158px;
	margin:				0px 5px 0px 5px;
	padding:			0px 5px 0px 5px;
/*	border:				solid #000000 2px; */
	}

#MainText H1 {
	font-family:		"arial";
	font-size:			9pt;
	font-weight:		bold;
	padding:			3px 3px 3px 3px;
	margin:				0px 0px 0px 0px;
	border-left:		solid #000000 2px; 
	border-top:			solid #000000 2px; 
/*	border-right:		solid #AAAAEE 2px; 
	border-bottom:		solid #AAAAEE 2px; */
	}

/* Leading dots: .name: You can write <TD class="name"> */
/* The class= syntax doesn't work with leading #'s      */
.TableField {
	font-family:		"arial";
	font-size:			9pt;
	padding:			3px 3px 3px 3px;
	font-weight:		normal;
	vertical-align:		top;
	}

.TableFieldHigh {
	font-family:		"arial";
	font-size:			8pt;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	background-color:	#89ACD6;
	}

.TableFieldHigh02 {
	font-family:		"arial";
	font-size:			8pt;
	padding:			0px 0px 0px 0px;
/*	background-color:	#89ACD6;*/
	width:				65px;
	text-align:			center;
	margin:				auto;
	}
	
.TableFieldHigh03 {
	font-family:		"arial";
	font-size:			8pt;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
/*	background-color:	#89ACD6;*/
	width:				90px;
	text-align:			center;
	margin:				auto;
	}

.TableFieldHigh04 {
	font-family:		"arial";
	font-size:			9pt;
	padding:			0px 0px 0px 3px;
	margin:				0px 0px 0px 3px;
/*	background-color:	#89ACD6;*/
	text-align:			left;

	}	

.TableFieldHigh4 {
	font-family:		"arial";
	font-size:			9pt;
	padding:			0px 0px 0px 4px;
	margin:				0px 0px 3px 0px;
	background-color:	#AACCDD;
	}

.InfoTable {
	font-family:		"arial";
	font-size:			8pt;
	font-weight:		normal;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	vertical-align:		middle;
	border:				0px;
	}

.InfoTable TH {
	padding:			0px 0px 0px 0px;
	font-size:			10pt;
/*	background-image:	url(/graphics/header.jpg); */
	background-repeat:	repeat-x;
	background-color:  	#7097C7;
/*	background-color:	#91BDC6;*/
	color:				#000080;
	}
	
.InfoTable TD {
	padding:			0px 0px 0px 0px;
	}
	
.InfoTableRight {
	font-family:		"arial";
	font-size:			9pt;
	font-weight:		normal;
	padding:			0px 0px 0px 0px;
	text-align:			right;
	border:				0px;
	}

.InfoTableRight TD {
	padding:			0px 0px 0px 0px;
	}



/* ************************************************************ */
/* BONAMI-KOPI - START */

#innersquare { 
  	position:			absolute;
/*	overflow:			auto; */
	font-family:		"arial";
	font-size:			9pt;
    width:				632px;
/*	height:				600px; */
    border: 			solid #9F9F9F 1px;
    margin: 			0px 0px 0px 0px;
	padding:			3px 3px 3px 3px;
	}

#bottomsquare { 
	font-family:		"arial";
	font-size:			8pt;
/*	vertical-align:		bottom;*/
/*    height: 			250px; */
/*    top:				190px; */
/*	margin:				140px 0px 0px 0px;  */
	padding:			3px 3px 3px 3px;
/*	border:				solid #000000 2px; ^*/
	}
	
#copyright {
	position:			relative;
	top:				328px;
	font-size:			8pt;
	}

.productlist { 
/*	position:			relative;*/
	width:				627px;
	font-family:		"arial";
	font-size:			9pt;
	border: 			solid #9F9F9F 1px;
	margin: 			0px 0px 0px 1px;
	padding:			0px 0px 0px 0px;
	}


/* padding-top, padding-right, padding-bottom, and padding-left. */
.mainheader { 
	font-family:		"arial";
	font-size:			10pt;
/*	background-image:	url(/graphics/header.jpg); */
	background-repeat:	repeat-x;
	background-color:	#9F9F9F;
	color:				#FFFFFF;
	margin:				0px 0px 3px 0px;
	padding-left:		4px;
	font-weight:		normal;
	}

#mainheader0 { 
	font-family:		"arial";
	font-size:			10pt;
/*	background-image:	url(/graphics/header.jpg); */
	background-repeat:	repeat-x;
	background-color:	#9F9F9F;
	color:				#000080;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	font-weight:		bold;
	}
	
.mainheader01 { 
	font-family:		"arial";
	font-size:			10pt;
/*	background-image:	url(/graphics/header.jpg); */
	background-repeat:	repeat-x;
	background-color:	#9F9F9F;
	color:				#000080;
	margin:				0px 0px 0px 3px;
	padding:			0px 0px 0px 3px;
	font-weight:		bold;
	width:				275px;
	text-align:			left;
	}
	
.mainheader02 { 
	font-family:		"arial";
	font-size:			10pt;
/*	background-image:	url(/graphics/header.jpg); */
	background-repeat:	repeat-x;
	background-color:	#7097C7;
	color:				#000080;
	margin:				0px 3px 0px 0px;
	padding:			0px 3px 0px 0px;
	font-weight:		bold;
	width:				165px;
	text-align:			right;
	}
	
.mainheader03 { 
	font-family:		"arial";
	font-size:			10pt;
	color:				#000080;
	margin:				0px 3px 0px 0px;
	padding:			0px 3px 0px 0px;
	font-weight:		bold;
	text-align:			right;
	}

#mainheadersmall { 
	font-family:		"arial";
	font-size:			10pt;
	background-color:	#9F9F9F;
	color:				#FFFFFF;
	margin:				0px 3px 3px 0px;
	padding:			0px 0px 0px 0px;			
	font-weight:		bold;
	
	}

	
.mainheadersmallBasket { 
	font-family:		"arial";
	font-size:			10pt;
	background-color:	#7097C7;
	color:				#FFFFFF;
	margin:				0px 0px 3px 0px;
	padding:			2px 3px 2px 3px;			
	font-weight:		bold;
	
	}



.mainfooter { 
	font-family:		"arial";
	font-size:			8pt;
	background-color:	#FFFFFF;
	color:				#000080;
	margin:				0px 0px 3px 0px;
	padding-left:		4px;
	font-weight:		normal;
/*	width:				80px; */
	}


#TopProductsBox { 
	position:			relative;
	border:				solid #7097C7 1px;
	margin:				0px 0px 3px 0px;
	}
	

#searchbox { 
	font-family:		"arial";
	font-size:			10pt;
	background-color:	#9F9F9F;
	color:				#000080;
	margin:				0px 0px 3px 0px;
	padding:			0px 0px 0px 0px;			
	font-weight:		bold;
	border:				solid #9F9F9F 1px;
	}
	
#searchinput { 
	font-family:		"arial";
	font-size:			8pt;
	background-color:	#FFFFFF;
    margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	}

#searchinputtwo { 
	font-family:		"arial";
	font-size:			8pt;
	background-color:	#FFFFFF;
    margin:		 		0px 0px 0px 0px;
	padding:			5px 0px 5px 0px;
	}

#cartbox { 
	position:			relative;
	border:				solid #7097C7 1px;
	}

#homepartybox { 
	position:			relative;
	border:				solid #9F9F9F 1px;
	}
	
	
.pricemarker { 
	width:				80px;
	text-align:			right;
	font-size:			10pt;
	font-weight:		bold;
	font-family:		"arial";
	background-color:	#89ACD6;
	color:				#000000;
	padding-left:		3px;
	padding-right:		3px;
	}

#gotopaymentmarker { 
	text-align:			right;
	font-size:			8pt;
	font-family:		"arial";
	background-color:	#91BDC6;
	color:				#000000;
	padding-left:		3px;
	padding-right:		3px;
	}


.offermarker { 
	width:				80px;
	text-align:			center;
	font-size:			10pt;
	font-family:		"arial";
	background-color:	#91BDC6;
	color:				#F72609;
	padding-left:		3px;
	padding-right:		3px;
	}


/* BONAMI-KOPI - SLUT */
/* ************************************************************ */

.BlankSpacer {
	margin:				1px 1px 1px 1px;
	padding:			1px 1px 1px 1px;
	font-size:			9pt;
	
}

.BlankSpacer01 {
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	height:				15px;
	
}


#MenuTitle {
	margin:				0px 0px;
	padding:			5px 5px 5px 5px;
	font-family:		"arial";
	font-weight:		bold;
	font-size:			10pt;
	background-color:	#CCCC44;
	}

#MenuChoices {
	margin:				3px 0px;
	padding:			3px 3px 3px 3px;
	font-family:		"arial";
	font-weight:		normal;
	font-size:			8pt;
	background-color:	#2DB5C4;
	}
/*****************/
/* jhe: 
     bg #2DB5C4 -> #778
/*****************/
.MenuChoicesOne {
/*	margin:				0px 0px 2px 0px;*/
	padding:			0px 5px 0px 5px;
	font-family:		"arial";
	font-weight:		normal;
	font-size:			10pt;
	background-color:	#FFFFFF;
/*    background-image:	url(/graphics/knap2.jpg); */
/*    background-repeat:	repeat-x; */
/*	background-color:	#778;*/
/*	border-left:		solid #333399 1px; 
	border-top:			solid #333399 1px; 
	border-right:		solid #AAAAFF 1px; 
	border-bottom:		solid #AAAAFF 1px; 
	*/
	}
/*****************
 * jhe: 
 *  Konfiguration af menu'er 
 *     MenuChoicesOne - Homeparty, tilbud med mere...   (højre side)
 *****************/
/*  JHe >> EH:  Nu håber jeg du kan få menu'erne til at se ud som du ønsker. !!! */
 
.MenuChoicesOne A{
	text-decoration:	none;
	font-weight:		normal;
	color:				#000080;
        }
.MenuChoicesOne A:visited{
	text-decoration:	none;
	font-weight:		normal;
	color:				#000080;
}
.MenuChoicesOne A:hover {
	text-decoration:	none;
	font-weight:		normal;
	color:				#f98;
}
.MenuChoicesOne A:active{
	text-decoration:	none;
	font-weight:		normal;
	color:				#bfb;
	background-color:	#778;
} 

/*****************
 * jhe: 
 *  Konfiguration af menu'er 
 *     MenuChoicesTwo - Varekategorier                  (Venstre side)
 *****************/
.MenuChoicesTwo {
	margin:				0px 5px 2px 0px;
	padding:			0px 3px 0px 3px;
/*	background-image:	url(/graphics/knap.jpg); */
/*	background-repeat:	repeat-x; */
/*	background-color:	#B2CFD5; */
	font-family:		"arial";
	font-weight:		normal;
	font-size:			8pt;
	/*
	border-left:		solid #111199 1px; 
	border-top:			solid #111199 1px; 
	border-right:		solid #7777FF 1px; 
	border-bottom:		solid #7777FF 1px; 
	*/
	}

.MenuChoicesTwo A {
        text-decoration:  none;
        font-weight:      normal;
        color:            #000;

        }
.MenuChoicesTwo A:visited{
        text-decoration:  none;
        font-weight:      normal;
        color:            #000;
}

.MenuChoicesTwo A:hover{
        text-decoration:  none;
        font-weight:      normal;
        color:            #a00;
}
.MenuChoicesTwo A:active{
	text-decoration:	  none;
	font-weight:     	 normal;
	color:          	  #0a0;
}
#LanguageChoice {
	position:			absolute;
	top:				110px;
	left:				935px;
	width:				40px;
	margin:				0px 0px 2px 0px;
	padding:			0px 3px 0px 3px;
/*	background-color:	#B2CFD5; */
	font-family:		"verdana";
	font-weight:		normal;
	font-size:			8pt;
	}


#MenuChoicesLinks {
	margin:				0px 0px 3px 0px;
	padding:			1px 3px 0px 3px;
	font-family:		"arial";
	font-weight:		bold;
	font-size:			8pt;
	background-color:	#B2CFD5;
	/*
	border-left:		solid #111199 1px; 
	border-top:			solid #111199 1px; 
	border-right:		solid #7777FF 1px; 
	border-bottom:		solid #7777FF 1px; 
	*/
	}
	

#MenuChoicesBasket {
	margin:				0px 0px 3px 0px;
	padding:			0px 0px 0px 0px;
	font-family:		"arial";
	font-weight:		bold;
	font-size:			10pt;
	background-color:	#B2CFD5;
	/*
	border-left:		solid #111199 1px; 
	border-top:			solid #111199 1px; 
	border-right:		solid #7777FF 1px; 
	border-bottom:		solid #7777FF 1px; 
	*/
	}

/* Menus on one side of the main text area */
#MenuBox1 {
	margin:				0px 0px;
	padding:			0px 0px 0px 0px;
	text-align:			left;
	position:			absolute;
	width:				140px;
	left:				0;
	top:				158px;
	}

/* Menus on the other side of the main text area */
#MenuBox2 {
	margin:				0px 0px;
	padding:			0px 0px 0px 0px;
	text-align:			left;
	position:			absolute;
	width:				140px;
	left:				620px;
	top:				158px;
/*	float: 				right; */
	}

#MenuBox3 {
	margin:				0px 0px;
	padding:			0px 0px 0px 0px;
	text-align:			left;
	position:			absolute;
	width:				180px;
	left:				795px;
	top:				158px;
/*	float: 				right; */
	}

	
#OfferSlideBox {
	position:			relative;
}

#NewsSlideBox {
	position:			relative;
}

input	{
	margin:				0px 0px;
	padding:			0px 0px 0px 0px;
	font-size:			8pt;
  	}

select	{
	margin:				0px 0px;
	padding:			0px 0px 0px 0px;
	font-size:			9pt;
  	}

option	{
	margin:				0px 0px;
	padding:			0px 5px 0px 0px;
	font-size:			9pt;
  	}
button  {
	margin:				0px 0px;
	padding:			0px 0px 0px 0px;
	font-size:			9pt;
	}

form	{
	margin:				0px 0px;
	padding:			0px 0px 0px 0px;
	font-size:			8pt;
	display:            inline;
	}

.nytlink {
	margin:				3px 0px;
	padding:			3px 3px 3px 3px;
	font-family:		"arial";
	font-weight:		normal;
	font-size:			8pt;
	}

#copyright_bar {
    position:			absolute;
	margin:				120px 2% 0px auto;
	padding:			3px 3px 3px 3px;
	font-family:		"arial";
	font-weight:		normal;
  	font-size:			8pt;
	}

.textheader  {
	font-family:		"arial";
	font-weight:		bold;
	font-size:			9pt;
        }

.textboldcenter {
	font-family:		"arial";
	font-weight:		bold;
	font-size:			9pt;
	text-align:			center;
        }

.firmatabel {
	font-family:		"arial";
	font-size:			9pt;
	font-weight:		normal;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	vertical-align:		middle;
	border:				0px;
	width:				auto;
	}        

.welcome_gif {
	background-image:	url(/graphics/ida.gif)
        }


.SizeTable {
	font-family:		"arial";
	font-size:			8pt;
	font-weight:		normal;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	vertical-align:		middle;
	width:				99%;
/*	border:				solid 1px #000000; */
	}
	
.SizeTable TD {
  text-align:			center;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	border:				solid 1px #000000;
	}
	
.streg  {
	width:				200px;
	text-align:			center;
        }
        
#selector {
	position:			absolute;
	top:				203px;
	left:				257px;
	text-decoration:	none;
        }
        
.highlightCode { 
	background-color:		#bde; 
	color:				#fa5; 
	font-weight:			bold;
}