.hidden {display:none;}
.cr {width:1px; height:1px;}
img {border:none;}

#valgAvBilmerke select, #valgAvBilmodell select, #valgAvArsmodell select {font-size:14px; font-weight:bold;}

div {margin: 0px; font-family:Tahoma,Arial,Helvetica; font-size:11px;}

radio {size:50px;}

body {
	margin:0px 0px; padding:0px;
	text-align:center;
	background-color:lightgrey;
	height:100%;
	}
	
#headerContent {
	width:1031px;
	height:100%;
	margin:0px auto;
	text-align:left;
	background-color:white;
	}
	

input, textarea {
	background-color:#EAEAEA;
	border:1px solid #333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	padding:2px;
}


/* CSS for header */
#header {height:135px; width:1031px;}
#logoTopp {float:left; cursor:pointer;}
#logoTopp img {width:720px; height:90px;}
#handlekurv {width:180px; float:left; padding-top:25px; padding-left:27px; font-weight:bold;}
#handlekurvbilde{float:left; border-right: 8px solid white;}
#search {border-left: 8px solid white; height:16px; width:208px; background:#b2b2b2; float:left; position:relative; top:-28px; padding:6px 8px; font-size:12px; color:#fff; font-weight:bold; text-align:center; cursor:pointer;}
.toppMeny {border-left: 1px solid white; height:16px; width:82px; background:#b2b2b2; float:left; position:relative; top:-28px; padding:6px 8px; font-size:12px; color:#fff; font-weight:bold; text-align:center; cursor:pointer;}
#toppMenyLast {position:relative; top:-28px; float:left; width:206px; border-left: 1px solid white;}
.fet {font-weight:bold;}
.Ingress img {cursor:pointer;}
.Ingress13 img {cursor:auto;}

/* CSS for venstresiden */
#venstre {border-left:8px solid white; float:left; width:214px; padding:0px 0px; float:left; position:relative; top:-5px;}

/* CSS for hovedomårdet */
#center {border-left:8px solid white; float:left; width:612px; padding:0px 0px;  float:left; position:relative; top:-18px;}
#main {}
#venstremeny {padding-top:2px;}

/* CSS for høyresiden */
#hoyre {border-left:8px solid white; float:left; width:173px; padding:0px 0px; float:left; border-right:8px solid white; position:relative; top:-18px;}

/* CSS for footer */
#footer {float:left; width:1016px; padding:0px 0px; float:left;  position:relative; top:-18px;}

#valgAvBilmerke, #valgAvBilmodell, #valgAvArsmodell {padding:2px;}

#velgBilmerke option, #velgBilmodell option, #velgArsmodell option {width:160px;}

#vareklasser{padding-top:6px; padding-left:2px;}
.vareklasse{background-image:url('/NBS/img/bakgrunn_katalog.gif'); repeat-x; border:1px solid grey; border-top:0px; height:18px; padding-top:2px; width:209px; cursor:pointer;}
.vareklasse img{padding-left:5px; padding-right:5px;}
.forsteKlasse{border:1px solid grey;}

.varegrupper {padding-left:20px; padding-bottom:5px; border-bottom:1px solid grey;} 
.varegruppe {padding-top:3px; cursor: pointer;}
.varegruppeTitle {font-weight:bold; font-size:18px; float:left; padding-top:12px; padding-left:2px; padding-bottom:8px;}
.varegruppeVarer {float:left;}
.varerForslag {padding-top:30px;}
#velgVarekatalog {font-weight:bold;}

.vare {width:197px; height:266px; background-image:url('/NBS/img/bakgrunn_vare.gif'); cursor:pointer; border: 0px; float:left; margin:2px; text-align:center; position:relative;}

.varesOpplysninger, tipsVenn, tipsPris {width:340px; height:531px; float:left;}
.varebilde, .varenavn, .varebeskrivelse, .varebetegnelse {width: 190px; position:relative; top:2px; left:2px; }
.varebilde img{padding-top:5px; padding-bottom:3px; padding-left:1px; align:center;}
.varenavn {color:grey;}
.varebetegnelse {font-weight:bold;}
.varebeskrivelse {font-size:100%; overflow:hidden; height:65px;}
.varepriser {position:absolute; top:220px; position:absolute; top:245px; width:190px; margin-left:2px; text-align:right; font-weight:bold;}
.varegruppenavn {font-weight:bold; font-size:14px; padding-top:12px; padding-bottom:6px;}


.vareRight {float:left;}
#varesBilder {width:630px; float:left; text-align:center; border:1px solid grey;}
#varesBilde {width:630px; height:475px; overflow:hidden;}
#varesOpplysninger {width:340px; float:left; padding-left:6px;}
#varesThumbnails {background-color:grey; width:630px; height:56px; text-align:center;}
.varesThumbnail {background-color:grey; float:left; padding-right:3px;}
.varesNavn {color:grey;}
.varesBetegnelse {font-weight:bold;}
.varesBeskrivelse{font-size:11px;}
.varesInput {padding-top:8px;}
.vareButtons {width:320px; float:left; padding-top;12px;}
.vareButton {float:left; padding-left:6px;}

.vareKvalitet {padding-left:6px; padding-bottom:6px; float:left;}
.iVareAddToCartAntall {padding-left:6px; padding-bottom:6px; float:left}
.varesTekst {width:335px; height:383px; border:none;}

#handlekurven {padding-left:2px;}
#handlekurven div {font-size:14px;}
#handlekurv, #handlekurvbilde, #toppMenyLast {cursor:pointer;}
#handlekurvHeader {padding-left:30px; padding-top:20px; padding-bottom:30px;}
.handlekurvSide {float:left; width:160px; heigth:20px; text-align:center; cursor:pointer; font-weight:bold; font-size:14px;}
.handlekurvSideValgt {color:red; background-image:url('/NBS/img/kassetrinnValgt.png'); width:180px; height:31px; padding-top:5px; background-repeat:no-repeat;}
.handlekurvSideNeste {color:black; background-image:url('/NBS/img/kassetrinn.png'); width:180px; height:31px; padding-top:5px; background-repeat:no-repeat;}
.handlekurvSideFerdig {color:black; background-image:url('/NBS/img/kassetrinn.png'); width:180px; height:31px; padding-top:5px; background-repeat:no-repeat;}
.handlekurvSideSenere {color:grey; background-image:url('/NBS/img/kassetrinn.png'); width:180px; height:31px; padding-top:5px; background-repeat:no-repeat;}
.handlekurvAntall input {width:25px; text-align:center;}

#handlekurven th, #betalingsformer th{background-color:#ededed; height:23px;}
#handlekurven td{border:1px solid #ededed; padding-right:8px}
.handlekurvOverskrift {font-size:16px; font-weigth:bold; padding-left:4px;}
.handlekurvTittel {width:370px;}
.handlekurvRow {border-bottom:1px solid black;}
.handlekurvBilde {width:60px;}
.handlekurvBilder {padding:3px;}
.handlekurvAntall {width:60px; padding-bottom 1px;}
.handlekurvTekst {width:374px; padding-top:2px;}
.handlekurvBeskrivelse {font-size:11px;}
.handlekurvBelop {text-align:right; width:80px; padding-top:2px; padding-right:8px}

#velgBetalingsform {font-size:16px; font-weight:bold;}
#betalingsformer{padding-left:20px; padding-top:20px;}
#betalingsformer div {font-size:12px;}
#nettbestillingsgrense {color:red; font-weight:bold; font-size:12px;}
.betalingsvalg {}
.betalingBilde {float:left; border-bottom:15x solid white; width:150px; height:100px; cursor:pointer;}
.betalingTekst {width:400px; padding-left:8px;}
.varsel {font-color:red; font-weight:bold; font-size:14px;}

.velgBetalingsform {color:blue; cursor:pointer; text-decoration:underline;}
#crescoCalculator {padding-bottom:6px;}

.viewtheRecord {float:left; padding-left:20px;}



.katalogKolonne {float:left; padding-left:15px; padding-top:12px; width:188px;}
.katalogValg {cursor:pointer;}

/*** Stiler for oppgi **/
#oppgi {padding-left:12px;}
#oppgi .ledetekst {width:60px; font-style:bold; float:left; padding-top:8px;}
#oppgi .inntasting {float:left; padding-right:10px; padding-top:8px;}
#oppgi .inntastingLang {width:216px;}
#oppgi .inntastingKort {width:70px;}
#oppgi .buttonRight {float:right; padding-top:10px; padding-right:25px;}
#oppgi .buttonLeft {float:left; padding-left:10px;padding-top:10px;}
#oppgi .ledetekstLang {width:140px; font-style:bold; float:left; padding-top:10px;}

/*** Stiler for tips **/
.tipsVare {padding-left:12px; float:left;}
.tipsVare .tittel {font-size:14px; font-weight:bold; width:320px;}
.tipsVare .tipsTekst {float:left; float:left; width:320px; padding-top:12px;}
.tipsVare .tipsTextarea {width:300px; height:160px; float:left;}
.tipsVare .ledetekst {float:left; width:100px; padding-top:12px;}
.tipsVare .inntasting {float:left; width:200px; padding-top:12px;}
.tipsVare .ledetekstTextarea {padding-top:12px; float:left; padding-bottom:12px;}
.tipsVare .tipsTekst {float:left;}
.tipsVare .inputLong {width:200px; float:left;}

#vareWindow_dlg {width: 980px;}
#vareWindow_dlg table th {background-color: #777; color: white; font-weight: bold; padding: 2px;padding-left: 4px;}
#vareWindow_dlg .LKommentar {padding-right: 4px;color: gray;font-weight: bold;}

#vareWindow_dlg #Rview .viewiTitle {margin-bottom: 8px;}
.content .viewR .L {width: 50px;}
#vareWindow_dlg #Rview .viewibKnapper div.viewhKnapp {float: right;}
.viewiRecord {border: solid 0px #FFF; }
.modify .output .odd, .modify .output .even {border-bottom: none;}




#crescoCalculator {font-size:11px}
#crescoCalculator option {font-size:11px;}


/*** Rabattboble med rabattprosent **/
.rabattBoble {
	background-image:url("/NBS/img/Rabatt_boble.png");
	height:60px;
	width:60px;
	position:absolute;
	top:50px;
	left:50px;
}
.rabattProsent {
	font-weight:bold;
	font-size:14px;
	position:absolute;
	top:20px;
	left:10px;
	width: 400px;
	overflow: visible;
	font-size: 18px;
}

.rabattPris {
	position: absolute;
	font-weight:bold;
	font-size:25px;
	top: 35px;
	left:60px;
	width: 400px;
	overflow: visible;
}

#ePostKampanje { background-image:url('/NBS/img/ePostKampanje.png'); width:211px; height:136px;}
#ePostKampanjeAdresseDiv {padding-left:8px; padding-top:92px;}
#ePostKampanjeAdresse {width:184px;}
#ePostKampanjeOn, #ePostKampanjeOff {cursor:pointer; float:left; border: none; width:104px;height:20px;}

#registreringsnr {font-size:16px; font-weight:bold; padding-bottom:2px; padding-left:6px;}

#registreringsnr input {font-size:14px; width:68px;}

#bilopplysninger {cursor:pointer;}
#vognkort {padding:0px; cursor:pointer;}
#vognkortoppslag {font-size:14px;}

#loginFirma{background-image:url('/NBS/img/login.png'); width:173px; height:90px;background-repeat:no-repeat;}
#loginInfo{height:20px; padding-left:130px; width:40px; cursor:pointer;border:none;}
#loginNavn{padding-left:48px; padding-top:0px; width:120px;float:left;border:none;}
#loginPassord {padding-left:48px; padding-top:4px; width:80px; width:120px;border:none;}
#loginOK {padding-left:3px; width:28px;float:right; padding-top:2px;cursor:pointer;height:16px;}
#loginInputNavn {width:115px;}
#loginInputPassord{ width:82px;}
#loginSendPassord{width:170px;height:20px;border:none;}

#logutFirma{background-image:url('/NBS/img/logut.png'); width:173px; height:90px;background-repeat:no-repeat;}
#logoutFirmaOpplysninger{width:173px; height:42px; border:none; color:white; padding-left:8px; padding-top:20px; cursor:pointer;}
#logutFirmaLogout{width:82px; height:20px; border:none; cursor:pointer; float:left;}
#logutFirmaEndrePassord{width:85px; height:20px; border:none; float:left; cursor:pointer;}

#gaTilKassen{padding-top:1px;}

#velgAnnenBetalingsmate{padding-top:12px; padding-bottom:12px;padding-left:200px}

.firmaMargin {width:20px;float:left;}
.firmaRamme {width:540px; border:1px solid #0E3371; float:left;}
.firmaTittel{font-size:14px; background-color:#0E3371; color:white; padding-left:20px; padding-top:8px; padding-bottom:8px;}
.firmaTittelTillegg {font-size:12px;}
.firmaLedetekst{width:150px;}
.firmaFelt{width:300px;}
.nyFirmaForklaring{padding:10px 50px 10px 80px;}
#firmaLoginKnapp{cursor:pointer;}
#firmaSendNyttPassord{cursor:pointer;color:blue;}
#nyttFirmaPostnr{width:50px;float:left;}
#nyttFirmaPoststed{float:left;padding-left:4px;}

#firmaArkiv{padding:20px;}
#firmaArkiv td, #firmaArkiv th{width:90px; padding-right:6px;}

.alleGrupper{padding-bottom:30px;}

.vareLager {padding-left:20px; float:left;}
.vare:hover {color: blue;}

.eksternURL {padding-top:14px;}
.eksternURL a{color:white; font-weight:bold; font-size:16px; text-decoration:none;}

.klikkForInfo {position:absolute; left:50px; top:220px; width:90px; margin-left:2px; color:blue; text-align:center; font-weight:bold; border: 1px solid grey; background-color:#fff;}
.vareEtikett {position:absolute; left:0px; top:0px; width:195px; margin-left:0px;}
.e40 {width:280px;}
.e12 {width:100px;}
.e6 {width:60px;}
.G {width:100px;}

.varegruppe a, .vareklasse a, .katalogValg a {color:black; text-decoration:none;}
.varegruppe a:hover,.vareklasse a:hover, .katalogValg a:hover {color: blue;}
.katalogValg:hover {color:blue;}

#vognkortoppslag table {
	width: 100%;
}
#vognkortoppslag table td {
	text-align: left;
}

#personalia {
	margin-top: 40px;
	margin-left: 100px;
}


/******* Popup v4 *************/
div.disableBG {
	background-color: black;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.3;
}
.outerpair1 {
	background: url(/img/ds_right_top.png) right top no-repeat;
}
.outerpair2 {
	background: url(/img/ds_bottom_left.png) left bottom no-repeat;
	padding-top: 20px;
	padding-left: 20px;
}
.shadowbox {
	background: url(/img/ds_shadow.png) bottom right;
}
.popupWindow {
	display: none;
	z-index: 110;
	position: absolute;
	top: 0px;
	left: 0px;
}
.popupWindow textarea {
	font-family: Verdana;
	font-size: 1.0em;
}
.dialogPopUpWrapper {
	position: absolute;
	z-index: 110;
}
.dialogContent {
	position: center;
	top: -20px;
	left: -20px;
	background-color: #FFFFFF;
	padding-bottom: 8px;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
.dialogContent h1 {
	font-size: 12px;
	line-height: 17px;
	margin-top: 2px;
	background-color: #777;
	color: #FFF;
	padding: 0px 2px 2px 4px;
}

.dialogPopUpWrapper .morkblaHead h1 {
	background-color: #00CCFF;
}
.dialogPopUpWrapper .lysblaHead h1 {
	background-color: #AAEEFF;
	color: #000;
}
.dialogPopUpWrapper .lysgronnHead h1 {
 	background-color: #99EF66;
	color: #000;
 }
 .dialogPopUpWrapper .gulHead h1 {
 	background-color: #FFD919;
	color: #000;
 }
.dialogContent th {
	font-weight: normal;
}
.dialogContent .knapper {
	margin-top: 8px;
	text-align: right;	
}
.dialogTitle {
	background-color:#777777;
	color:white;
	font-weight:bold;
	font-size: 14px;
	line-height: 20px;
	margin-bottom:8px;
	padding:2px 2px 2px 4px;
}
.txtButtonsRight .button {
	float: right;
	margin-left: 0.4em;
}
/******* END Popup v4 *************/


/************************************/
/* JQUERY-UI						*/
/************************************/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 10px; text-align: left;/*{fsDefault}*/; }
/************************************/
/* END JQUERY-UI					*/
/************************************/