/* GENERAL & TOP */

*{padding: 0; margin: 0;}
body {
	background: url(bg.jpg) repeat-x #2f2f2f;
	font-family: Arial;
	
	font-size: 11px;
	color: #333;
	scrollbar-face-color:#999;
   	scrollbar-arrow-color:#ffffff;
   	scrollbar-track-color:#ffffff;
   	scrollbar-shadow-color:#525252;
  	scrollbar-highlight-color:#c2c2c2;
   	scrollbar-3dlight-color:#ffffff;
   	scrollbar-darkshadow-Color:#2a2a2a;
}
#container {
	background-color: #fff;
	width: 944px;
	margin: 0 auto 15px auto;
	padding: 8px 8px 5px 8px;
}
#top.yx {
	background: url(unox.gif) no-repeat left bottom;
	margin: 0 0 7px 0;
	width: 944px;
	height: 81px;
}

#top {
	background: url(logo.gif) no-repeat left bottom;
	
	margin: 0 0 7px 0;
	width: 944px;
	height: 81px;
}
#top h1 {
	text-indent: -9999px;
}
#top_menu {
	height: 20px;
	float: right;
	color: #a6a6a6;
	margin: 17px 0px 11px 0px;
}
#_menu a {
	color: #a6a6a6;
	padding: 0px 3px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#_menu a:hover {
	color: #666;
}
#_menu a.sitemap {
	background: url(sitemap.jpg) no-repeat right center;
	padding-right: 19px;
}
#top .frontpage {
	width: 150px;
	/*58*/
	height: 81px;
	float: left;
}
#top_search {
	width: 149px;
	height: 21px;
	float: right;
	clear: right;
}
#top_search .field {
	background: url(input_search.jpg);
	width: 112px;
	height: 18px;
	border-width: 0px;
	padding: 3px 0px 0px 0px;
	float: left;
	text-indent: 3px;
}
* html #top_search .field {
	margin-right: -4px;
}
#top_search .button {
	width: 37px;
	padding: 0px;
}
* html #top_search .button {
	margin: 0px 0px 0px -4px;
}
.button {
	background: url(menu_yellow.jpg);
	height: 21px;
	padding: 0px 5px;
	margin: 0px;
	border: 1px solid #8a8a8a;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}
#bottom {
	border-top: 1px solid #a1a1a1;
	width: 944px;
	clear: both;
	color: #444;
	font-size: 10px;
	padding: 4px 0px;
	margin-top: 8px;
	font-family: Helvetica, Arial, sans-serif;
	overflow: auto;
}
#bottom a {
	color: #900;
}
a {
	color: #013571;
	text-decoration: none;
	font-weight: bold;
}
.left {
	float: left;
}
.right {
	float: right;
}
img {
		vertical-align: top;
}
img.right {
	margin: 0px 0px 10px 10px;
}

/* MAIN MENU */

#menu {
	/*background: url(menu_blue.jpg);*/
	background: url(menu_yellow.jpg);
	width: 944px;
	height: 25px;
}
#menu a {
	display: block;
	/*133px for 7 valg, lengden på hver enkelt avjør hvor mange knapper du skal ha*/
	width: 156px;
	text-indent: 10px;
	padding: 0px;
	height: 25px;
	float: left;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 27px;
	border-left: 1px solid #d49801;
	/*d49801;*/
	/*2f2f2f  f1ad00*/
	font-size: 12px;
}
* html #menu a {
	width: 133px;
	/*133px for 7 valg*/
	line-height: 1px;
}
#menu a:hover, #menu a.active {
	background: url(menu_grey.jpg);
	border-left: 1px solid #2f2f2f;
}
#menu a.yx {
	background: url(menu_blue.jpg);
	width: 133px;
	border-left: 1px solid #2f2f2f;
		/*border-left: 1px solid #f1ad00;*/
	/*2f2f2f*/
}
#menu a.yx:hover {
	background: url(menu_grey.jpg);
}


#menu a.erhverv {
	background: url(menu_red.jpg);
	float: right;
		border-left: 0px solid #00295d;
		/*00295d*/
		width: 138px;
}
#menu a.erhverv:hover {
	background: url(menu_grey.jpg) #900;
}


/* LEFT MENU */

ul#submenu {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	width: 224px;
	border: 1px solid #8a8a8a;
	border-width: 0px 1px 0px 1px;
}
ul#submenu a {
	width: 224px;
	background: url(menu_lightgrey.jpg);
	display: block;
	margin: 0px 0px 1px 0px;
	line-height: 25px;
	color: #4d4d4d;
	text-indent: 8px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
ul#submenu a:hover, ul#submenu a.active {
	background: url(menu_grey.jpg);
	color: #fff;
}
ul#submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px;
}
ul#submenu ul a {
	background: none;
	line-height: 20px;
	margin: 0px 0px 0px 7px;
	width: 217px;
}
ul#submenu ul a:hover {
	background: none;
	color: #013571;
}
ul#submenu ul a.active {
	color: #013571;
	background: url(link_blue.gif) no-repeat 0px 7px;
}


/* CONTENT AREA */

#col_left {
	float: left;
	margin: 8px 14px 0px 0px;
}
* html #col_left {
	margin-right: 13px;
}
#maincontent_2col {
	float: left;
	width: 464px;
	margin: 8px 0px 0px 0px;
}
#maincontent_2col h3 {
	background: url(rowheader2Col.jpg) no-repeat;
	font-size: 12px;
	color: #4d4d4d;
	height: 25px;
	line-height: 27px;
	text-transform: uppercase;
	text-indent: 8px;
	margin: 8px 0px;
}

#maincontent_3col {
	float: left;
	width: 704px;
	margin: 8px 0px 0px 0px;
}
#col_right {
	float: right;
	margin: 8px 0px 0px 14px;
}
* html #col_right {
	margin-left: 13px;
}

#maincontent_3col h3 {
	background: url(rowheader.jpg) no-repeat;
	font-size: 12px;
	color: #4d4d4d;
	height: 25px;
	line-height: 27px;
	text-transform: uppercase;
	text-indent: 8px;
	margin: 8px 0px;
}
h4 {
	text-transform: uppercase;
	font-size: 11px;
	color: #4d4d4d;
	margin: 20px 0px 0px 0px;
}
p {
	margin: 2px 0px 12px 0px;
	line-height: 160%;
}
p.small {
	font-size: 10px;
	line-height: 15px;
	padding: 0px;
}
img {
	border-width: 0px;
}
a.arrow {
	background: url(link_blue.gif) no-repeat right bottom;
	padding-right: 10px;
	text-transform: uppercase;
}
a.backarrow {
	background: url(link_back.gif) no-repeat left bottom;
	padding-left: 10px;
	text-transform: uppercase;
}
a.red:link{
color: red;
}
a.red:visited{
color: red;
}

#maincontent_3col table {
	width: 704px;
	font-weight: normal;
	margin-bottom: 8px;
}
#maincontent_3col table td {
	
	margin: 0px;
}
#maincontent_3col tr.header {
	background: url(rowheader.jpg) no-repeat;
	border: 1px solid #8a8a8a;
	font-weight: bold;
	font-size: 12px;
	height: 25px;
	color: #4d4d4d;
	line-height: 27px;
	text-transform: uppercase;
	text-indent: 8px;
	margin: 8px 0px;
	
}
input {
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
input.input_txt {
	background: url(input_bg.jpg);
	padding: 3px 0px 0px 0px;
	margin: 0px;
	border: 0px solid #8a8a8a;
	border-width: 0px 1px;
	height: 18px;
	text-indent: 3px;
	color: #333;
}
#maincontent_3col table p {
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #333;
}
#maincontent_3col table.products {
	background: url(table_bg.jpg);
}
#maincontent_3col table.products td {
	height: 25px;
	line-height: 25px;
	padding: 0px 7px;
	font-weight: bold;
}
#maincontent_3col .button_black {
	background: url(menu_grey.jpg);
	width: auto;
}
div.progress {
	background: url(rowheader.jpg) no-repeat;
	width: 704px;
	height: 25px;
	margin-top: 10px;
	overflow: hidden;
}
div.progress a {
	display: block;
	float: left;
	line-height: 25px;
	padding: 0px 12px 0px 14px;
	color: #333;
	font-size: 10px;
	text-transform: uppercase;
	background: url(progress.gif) no-repeat left center;
	margin-left: -7px;
}
div.progress a.active {
	background: url(progress_active.jpg) no-repeat;
	color: #fff;
}
div.progress a#lastProgress {
	float: right;
}

/* BOXES */

.box {
	width: 224px;
	border: 1px solid #8a8a8a;
	/*background: url(box_bg.gif) #000000;*/
	background: url(box_bg.gif) #003167;
	/*yellowbox_bg.gif #F1AD00*/
	/*color: #FFF;*/
	color: #000;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}

.box.related {
	width: 224px;
	border: 1px solid #8a8a8a;
	background: url(yellowbox_bg.gif);
	/*yellowbox_bg.gif #F1AD00*/
	color: #fff;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}

.box p {
	margin: 6px 6px 6px 10px;
	padding: 0px;
	line-height: 14px;
}
.box p a {
	padding-right: 10px;
	background: url(link_white.gif) no-repeat right bottom;
	color: #fff;
}
.box_left {
	float: left;
	margin: 8px 12px 8px 0px;
}
.box_right {
	float: right;
	margin: 8px 0px 8px 0px;
}
.box h3 {
	text-transform: uppercase;
	margin: 8px 0px 5px 10px;
	padding: 0px;
	line-height: 17px;
	font-size: 17px;
}
.box table td {
	padding: 3px 0px;
}
.price {
	background: url(box_price.jpg);
	height: 202px;
}
.price .fyringsolie {
	background: url(fyringsolie_bg.jpg) no-repeat left center;
	color: #009;
	padding: 4px 0px 0px 4px;
}
.find_station {
	background: url(box_station.jpg) no-repeat;
	height: 202px;
}
.find_station.gul {
	background: url(224x202_Finn_stasjon_Norgeskart_UnoX.jpg) no-repeat;
	height: 202px;
}

.find_station table {
	margin: 30px 8px 0px 10px;
	width: 200px;
}
.find_station input, .tilmeld input {
	float: right;
}
.find_station input.input_txt {
	width: 134px;
}
.find_station select {
	width: 136px;
	float: right;
}
.find_station .button {
	background: url(menu_grey.jpg);
	width: 36px;
	padding: 0px;
}

/*Finn stasjon Uno X*/
.find_unoxstation {
	background: url(224x202_Finn_stasjon_Norgeskart_UnoX.jpg) no-repeat;
	height: 202px;
}
.find_unoxstation table {
	margin: 30px 8px 0px 10px;
	width: 200px;
}
.find_unoxstation input, .tilmeld input {
	float: right;
}
.find_unoxstation input.input_txt {
	width: 132px;
}
.find_unoxstation select {
	width: 136px;
	float: right;
}
.find_unoxstation .button {
	background: url(menu_grey.jpg);
	width: 36px;
	padding: 0px;
}



/*Slutt Uno X*/






.tilmeld {
	background: #000;	
}
.tilmeld table {
	margin: 0px 8px 0px 10px;
	width: 200px;
}
.tilmeld img {
	float: right;
}
.price table {
	font-size: 14px;
	text-transform: uppercase;
	height: 112px;
	margin: 0px 3px 21px 10px;
	width: 205px;
}
.price p {
	margin: 0px 0px 6px 10px;
	padding: 0px;
	line-height: 14px;
}


/* POPUP */
body.popup {
	background: url(popup_bg.jpg) repeat-x #d7d7d7;
	padding: 8px;
	width: 536px;
}
#popup_top {
	background: url(menu_red.jpg);
	height: 25px;
	line-height: 25px;
}
#popup_top a {
	color: #fff;
	font-weight: bold;
}
#popup_top a img {
	margin: 5px 5px 5px 2px;
}
#popup_content {
	margin: 0px 20px 8px 20px;
}
#popup_content h4 {
	margin: 8px 0px;
	font-size: 13px;
}
#popup_chat {
	background: #fff;
	border: 1px solid #8a8a8a;
	padding: 10px;
	font-weight: bold;
	width: 480px;
	height: 250px;
	overflow-y: auto;
}
#popup_chat p {
	margin: 0px 0px 10px 0px;
	padding-left: 50px;
}
#popup_chat .red {
	color: #900;
	float: left;
	display: block;
	width: 50px;
	line-height: 18px;
}
#popup_chat .blue {
	color: #009;
	display: block;
	float: left;
	width: 50px;
	line-height: 18px;
}
#popup_chat p {
	margin: 0px 0px 10px 0px;
}
#popup_chat p.welcome {
	padding: 0px;
}
#popup_chat p.welcome:first-line {
	color: #013571;
}
#popup_send {
	margin: 8px 0px 0px 0px;
	width: 500px;
	height: 25px;
	overflow: auto;
}
#popup_send .input_txt {
	width: 425px;
}
#popup_send .button {
	width: 60px;
}

/* OVERLAY */

body.overlay {
	background: url(overlay_bg.jpg) repeat-x #e4e4e4;
}
.overlay .left {
	width: 345px;
	padding: 10px 8px;
	border-right: 1px solid #8a8a8a;
}
.overlay .right {
	width: 174px;
	padding: 10px 0px 10px 0px;
}


/* THICKBOX OVERLAY =nedduset bakgrunn */

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#fff;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	background: url(overlay_bg.jpg) repeat-x #e4e4e4;
	position: fixed;
	z-index: 102;
	display:none;
	border: 1px solid #8a8a8a;
	top:50%;
	left:50%;
	padding: 8px;
	width: 526px;
	height: 556px;
}
#TB_window a {
	color: #009;
}
#TB_window .left {
	width: 345px;
	margin: 10px 8px;
	border-right: 1px solid #8a8a8a;
}
#TB_window .topleft {
	float: left;
}
#TB_window .topright {
	float: right;
}
#TB_window .topright a {
	color: #fff;
	vertical-align: middle;
}
.topright img {
	margin: 0px 5px 5px 2px;
	vertical-align: middle;
}
#TB_window .right {
	width: 184px;
	margin: 10px 0px 10px 0px;
	float: right;
}
#TB_window h4 {
	margin: 0px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_window #popup_top {
	background: url(menu_red.jpg) repeat-x;
	height: 25px;
	line-height: 25px;
	width: 556px;
	margin: 0px 0px 8px 0px;
}
#TB_ajaxContent{
	clear:both;
	overflow:auto;
}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/* CUSTOM SELECTBOX */

div.selectbox-wrapper {
  position:absolute;
  width:303px;
  background-color: #fff;
  border:1px solid #8a8a8a;
  margin: 20px 0px 0px 13px;
  padding: 1px;
  font-size: 11px;
  color: #333;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #ccc;
  color: #111;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:4px;
  cursor:pointer;
}
.selectbox {
  padding: 3px 0px 4px 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  float: right;
  margin-left: 10px;
  line-height: 14px;
  display : block;
  text-align:left; 
  background: url('bg_select.png') right;
  /*height:18px;*/
  cursor: pointer;
  border:1px solid #8a8a8a;
  color:#333;
  width: 130px;
  float: right;
}