/* Mass reset  */

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, dd, dl, dt, li, ol, ul, 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-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;
}
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* End mass reset   */

body {
	margin:0;
	background:#ece9d8;
	font-size:12px;
	font-family:arial, sens-serif;
	text-align:center;
}

h1 {	
	font-weight:bold;
}

h2 {	
	font-weight:bold;
	font-size:14px;
}


input {
	font-size:12px;
}

button {
	padding:0;
	margin:1px;
}


#ramme {
	border:3px solid red;
	background:#9cf;
	width:990px;
	height:590px;
	margin:0 auto;
	position:relative;
}

#udenAdresse {
	margin:10px;
	width:260px;	
	display: none;
}

#bestiltAf {	
	margin-left:10px;
	width:300px;
	margin-top:4px;
}

#hojreContainer {
	background:#86b3e0;
	padding:2px 15px;
	position:absolute;
	left:290px;
	top:2px;
}

#hojreValg {
	margin-top:2px;
	margin-left:0px;
}

.hojreValg {
	display:none;
	height:265px;
	width:250px;
}

#leftTBL, #hojreTBL {
	margin-top:4px;	
}

#bestiltAf input.fullLength, #hojreLevering input.fullLength {
	width:186px;
}

#bestiltAf input.telefonIPT, #hojreLevering input.telefonIPT {
	width:80px;
}

#hentBtn {
	width:100px;
}

#bestiltAf input.postnrIPT, #hojreLevering input.postnrIPT {
	width:38px;
}

#bestiltAf .byDIV, #hojreLevering .byDIV {
	float:right;
}

#bestiltAf #kuverterDIV {
	float:right;
}

#bestiltAf input.kuverterIPT {
	width:30px;
}

#bestiltAf input#brugsdato {
	width:70px;
}

#bestiltAf input.byIPT, #hojreLevering input.byIPT {
	width:98px;
}

#bestiltAf td, #hojreLevering td {
	height:18px;
}

#bestiltAf td.col1, #hojreLevering td.col1 {
	width:67px;
}

#afhentningsAdresse {
	display: none;
	margin-top:40px;
}

#andenLeveringWrapper {
	position:absolute;
	left:10px;
	top:170px;
}

#andenLeveringDIV {
	margin:3px 0;
}

#afhentningsStedTBL {
	width:250px;
}

#afhentningsStedTD {
	text-align:right;
}

#afhentningsStedSPN {
	visibility:hidden;
}

#afhentningsSted {
	width:150px;
}

.radioDIV {
	/*border:1px solid red;*/
}

.radioDIV input, .radioDIV {
	vertical-align:middle;
}

#hojreLevering #sammeSomBestillingDIV {
	margin-top:10px;
}

#hojreVaregrupper #varegruppeListe {
	width:242px;
	height:230px;
	padding:2px;	
	background:white;
	overflow:auto;
}

#hojreVaregrupper #varegruppeListe .cat1, 
#hojreVaregrupper #varegruppeListe .cat2  {
	padding-left: 3px;
	cursor:pointer;
	white-space: nowrap;
	overflow:hidden;	
}

#hojreVaregrupper #varegruppeListe .cat1 {
	/*background:green;*/	
}

#hojreVaregrupper #varegruppeListe .cat2 {
	display: none;
	padding-left:15px;
	background: url(/images/childLevel.gif) no-repeat top left ;
} 

#hojreBesked #beskedTA {
	width:244px;
	height:230px;
	overflow:auto;
}

#vareListeContainer {
	position:absolute;
	right:0px;
	width:400px;
	top:0px;
	background:white;
}

#vareListeBox {
	height:539px;		
	overflow:scroll;
	position:relative;
}
 
#vareListeTBL a, #bestillingTBL a {
	color:black;
	text-decoration:none;
}

#vareListeHeaderTBL {
	width:400px;
}

#vareListeTBL {
	width:382px;
}

#vareListeTBL td {
	height:50px;
	border-bottom:1px dotted #ddd;
}

#vareListeTBL td.foto, #vareListeHeaderTBL th.foto {
	width:60px;	
}

#vareListeTBL td.stkPris, #vareListeHeaderTBL th.stkPris {
	width:60px;
	text-align:right;
}

#vareListeTBL td.stkPris, #vareListeTBL td.antal {
	padding:0 4px 0 0;
}

#vareListeTBL td.antal, #vareListeHeaderTBL th.antal {
	width:4em;
	text-align:right;
}

#vareListeTBL td.cart, #vareListeHeaderTBL th.cart {	
	text-align:center;
}

#vareListeTBL td.cart {
	width:30px;
}


#vareListeHeaderTBL th.cart {
	width:32px;
}
#vareListeHeaderTBL th.scrollHead {
	width:18px;
}


#vareListeTBL td.foto, #vareListeTBL td.tekst {
	cursor:pointer;
}

#vareListeTBL td {
	vertical-align:middle;
}

#vareListeTBL img.thumb {
	margin-left:5px;
}

#vareListeTBL input.antal {
	width:3em;
	text-align:right;
}

#vareListeTBL button.cart {
	vertical-align:middle;
	position:relative;
	top:-3px;
}

#vareListeTBL img.cart {
	cursor:pointer;
}

#bestillingContainer {
	position:absolute;
	left:10px;
	bottom:5px;
	width:560px;
}

#bestillingBox {	
	background:white;		
}

#bestillingHeaderTBL {
	/*width:556px;*/
}

#bestillingHeaderTBL th div, #vareListeHeaderTBL th div {
	background:#ece9d8;	
	padding:0 4px;
}

#bestillingHeaderTBL th.tekst, #bestillingTBL td.tekst {
	width:348px;
}

#bestillingHeaderTBL th.stk , #bestillingTBL td.antal{
	width:45px;
}

#bestillingHeaderTBL th.stkPris, #bestillingTBL td.stkPris {
	width: 70px;
}

#bestillingHeaderTBL th.pris, #bestillingTBL td.pris {
	width:75px;
}


#bestillingHeaderTBL th.scrollHead {
	width:18px;	
}

#bestillingTBLContainer {
	overflow:auto;
	height:261px;
}

#bestillingTBL {
	/*width:540px;*/
}


#bestillingTBL td {
	
	border-bottom:1px dotted #ddd;
}

#bestillingTBL td div {
	padding:1px 6px;
}

#bestillingTBL td.antal div,  #bestillingTBL td.stkPris div, #bestillingTBL td.pris div {
	text-align:right;
}

#bestillingTotal {		
	background:white;
	padding:0;
	height:1%;
	position:relative;
}

#bestillingTotal #koerselLoader {
	display: none;
	position:absolute;
	left:80px;
	top:2px;
}

#bestillingTotalTBL {
	width:100%;
}

#bestillingTotalTBL td {	
	vertical-align:baseline;
	/*height:20px;*/
}

#bestillingTotalTBL td div {
	/*background:green;*/
}

#bestillingTotalTBL td#koerselTD {	
	width:130px;
}

#bestillingTotalTBL td#opvaskIPT_TD, #bestillingTotalTBL td#forsikringIPT_TD {
	width:20px;
	text-align:center;
}

#bestillingTotalTBL td#opvaskTD {
	width:125px;
}

#bestillingTotalTBL td#opvaskTD div, #bestillingTotalTBL td#opvaskIPT_TD div {
	display:none;
}


#bestillingTotalTBL td#koerselTD, #bestillingTotalTBL td#forsikringIPT_TD, #bestillingTotalTBL td#forsikringTD {
	background:#e8e8e8;	
}

#bestillingTotalTBL td#forsikringTD {
	width:145px;
}

#bestillingTotalTBL td#forsikringTD div, #bestillingTotalTBL td#forsikringIPT_TD div {
	display:none;
}


#bestillingTotal #opvaskDIV, 
#bestillingTotal #opvaskIPT_DIV, 
#bestillingTotal #opvaskKrDIV,
#bestillingTotal #opvaskPrisDIV,
#bestillingTotal #forsikringDIV, 
#bestillingTotal #forsikringIPT_DIV, 
#bestillingTotal #forsikringKrDIV,
#bestillingTotal #forsikringPrisDIV,
#bestillingTotal #koerselDIV, 
#bestillingTotal #koerselKrDIV, 
#bestillingTotal #koerselAmountDIV {
	float:left;	
} 

#bestillingTotal #totalAmount, 
#bestillingTotal #totalTekst {
	float:right;
}

#bestillingTotal #opvaskDIV, 
#bestillingTotal #opvaskKrDIV,
#bestillingTotal #opvaskPrisDIV,
#bestillingTotal #forsikringDIV, 
#bestillingTotal #forsikringKrDIV,
#bestillingTotal #forsikringPrisDIV,
#bestillingTotal #koerselDIV, 
#bestillingTotal #koerselKrDIV, 
#bestillingTotal #koerselAmountDIV, 
#bestillingTotal #totalAmount, 
#bestillingTotal #totalTekst {
	margin-top:3px;
}

#bestillingTotal #opvaskIPT_DIV, #bestillingTotal #forsikringIPT_DIV {	
	/*margin-top:3px;*/
	margin-left:2px;
	padding:0;
	width:100%;	
	text-align:center;
}

#bestillingTotal #opvaskDIV {		
	
}

#bestillingTotal #opvaskKrDIV {
	margin-left:4px;
	width:15px;
	visibility:hidden;
}

#bestillingTotal #opvaskPrisDIV {
	width:55px;
	text-align:right;
	visibility:hidden;
}

#bestillingTotal #forsikringDIV {		
}

#bestillingTotal #forsikringKrDIV {
	margin-left:4px;
	width:15px;
	visibility:hidden;
}

#bestillingTotal #forsikringPrisDIV {
	width:60px;
	text-align:right;
	visibility:hidden;
}

#bestillingTotal #koerselDIV {
	margin-left:4px;
	margin-right:5px;
}

#bestillingTotal #koerselAmountDIV {
	width:60px;
	text-align:right;
}

#bestillingTotal #totalTekst {
	float:right;	
	text-align:right;
}

#bestillingTotal #totalAmount {
	text-align:right;
	width:60px;
	margin-right:4px;
}

#bestillingTotal input {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font-size:2px;	
}


#knapper, #udenAdresseKnapper {
	position:absolute;
	right:3px;
	bottom:3px;
}

#udenAdresseKnapper {
	display: none;
}

#moms {
	position:absolute;
	left:590px;
	bottom:5px;
}

/* Inset / outset rammer */

#bestillingHeaderTBL th div, 
#vareListeHeaderTBL th div
{
	border-width:2px;
	border-style:solid;
	border-color:#eee #888 #888 #eee;	
}

#bestillingTotal,
#bestillingBox,
#vareListeContainer,
#hojreVaregrupper #varegruppeListe {
	border-width:2px;
	border-style:solid;
	border-color:#777 #ddd #ddd #777;
}


/*  Modal dialogs        */

#curtain {
	display: none;
	background:white;
	position:absolute;
	left:0;
	top:0;	
	width:100%;
	height:100%;
}

#modalContainer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.modal {
	display:none;
	border:3px double black;
	margin:90px auto;
	background:white;
	position:relative;
}

#enkeltVare {
	width:410px;
	padding:15px;
	text-align: center;
}

#enkeltVareImgTable {
	width:400px;
	/*height:300px;*/
	text-align:center;
	margin:0 auto 5px;
}

#enkeltVareImgTable td {
	text-align:center;
	vertical-align:middle;
}

#enkeltVareTekst {
	margin-bottom:20px;
}

#enkeltVareTekstSPN, #enkeltVareStkPrisSPN {
	font-weight:bold;
}

#enkeltVareAntalTbl {
	width:400px;
}

#enkeltVareAntalTbl td {
	vertical-align:middle;
	text-align:center;
}

#enkeltVareAntalTbl td button {
	position:relative;
	top:2px;
}

#enkeltVareAntalTbl td input {
/*	vertical-align:middle;*/
}

#enkeltVare #enkeltVareAntal {
	width:3.5em;
	text-align:right;
}

#enkeltVare #enkeltVareCart {
	cursor:pointer;
}

#betingelserModal {
	width:810px;
	height:500px;
	padding:15px;
	margin-top:20px;
}

#betingelserIFRM {
	width:780px;
	height:400px;
	margin:20px auto;
	border:1px solid black;
}

#betingelserForm table {
	width:780px;
}

#betingelserForm td.col2 {
	text-align:right;
}

#behandlerOrdreModal {
	width:410px;
	height:200px;
	padding:30px 0;
	margin-top:150px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	font-family: arial, sans-serif;
}

#mailMessageModal {
	width:460px;	
	padding:30px;
	margin-top:150px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	font-family: arial, sans-serif;	
}

#mailMessageModal table {
	width:400px;
}

#mailMessageModal td {
	padding:10px;
	vertical-align:top;
}

#modalMailMessageOk {
	width:50px;
}

#approveMessageModal {
	width:460px;	
	padding:30px;
	margin-top:150px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	font-family: arial, sans-serif;	
	display:block;
}

#approveMessageModal table {
	width:400px;
}

#approveMessageModal td {
	padding:10px;
	vertical-align:top;
}

#annullerMessage {
	width:320px;	
	padding:30px;
	margin-top:150px;
	text-align:left;
	font-family: arial, sans-serif;		
}

#annullerMessage table {
	width:300px;
}

#annullerMessage td {
	padding:10px;
	vertical-align:top;
}

#annullerMessage td input {
	width: 75px;
}


/* TOOLTIPS  ///////////////////////////*/

.tooltipContent {
	position:absolute;
	z-index:100;
	border: 1px solid black;
	padding:2px 4px;
	background:#ffffe1;
	font-size:12px;
}

.tooltipShadow {
	position:absolute;
	z-index:99;
	background:black;
}

/* Hacks   /  
/		  */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:1px;
}

* html .clearfix { height:1%; }