/* left side td tag. menu is inside of this. you can set menu with here or in skin file itself */

/* Special Page Settings */
.orangebox
{
	border: 2px solid;
	border-color: #f47921;
}

.greenbox
{
	border: 2px solid;
	border-color: #9ebc36;
}

.graydarkbox
{
	border: 2px solid;
	border-color: #7c715f;
}

.blackbox
{
	border: 2px solid;
	border-color: Black;
}

.greenStripedbg{
	background-image: url("http://sanitator.firmawebben.no/content/files/images/pagegraphics/green_bg_155x24.jpg");
	background-repeat: repeat;
	font-weight: bold;
	font-size: 14px;
	font-family: Helvetica, Arial;
	margin: 5px auto 0 auto;
	padding: 4px;
	text-decoration: none;
	color: Black;
}

td.topmenu a, td.topmenu a:visited
{
	display: block;
	background: #7c715f; color: White;
	text-decoration: none;
	font-family: Helvetica, Arial;
	font-size: 14px;	
	font-weight: bold;
	height: 30px;
	vertical-align: text-bottom;
	padding-top: 10px;
}

td.topmenu a:hover
{
	display: block;
	vertical-align: baseline;	
	vertical-align: text-bottom;	
	background: #F47921; color: Black;
}

td.leftmenu a, td.leftmenu a:visited
{
	display: block;
	background: #9ebc36; color: Black;
	text-indent: 10px;
	text-decoration: none;
	font-family: Helvetica, Arial;
	font-size: 12px;	
	height: 18px;
	vertical-align: baseline;
}

td.leftmenu a:hover
{
	background: Black; color: White;
}

 .spoilertop, .spoilertop a, .spoilertop a:visited {
	background-color: transparent;
	/*background: url(www.sunwind.no/content/skins/default/chrometheme/menubg4.gif) center center repeat-x;*/
	/*border-bottom: 1px solid #e0dcd3;*/
	/*border-top: 1px solid #e0dcd3;*/
	/*background:  url("http://www.sunwind.no/content/files/images/pagegraphics/navi_bottom.jpg");*/
	color: Black;
	width: 190px;
	height: 20px;
	font-weight: bold;
	font-size: 12px;
	font-family: Helvetica, Arial;
	margin: 2px auto 1px auto;
	/*padding: 3px 0 0 0;*/
	text-decoration: none;
	text-indent: 10px;
	cursor: pointer;
	display: block;	
}
.spoilertop a:hover{
	/*margin: 1px auto 1px auto;*/
	/*padding: 3px 0 0 0;*/
	display: block;
	background: #f47921;
	background-color: #f47921;
	color: White;
}

.spoilermain, .spoilermain a, .spoilermain a:visited {
	/*background-image: url("http://sanitator.firmawebben.no/content/files/images/pagegraphics/bg_menu.jpg");*/
	background-repeat: repeat;
	display: block;
	background-color: White; /* #e0dcd3;*/
	border: 0px solid #7c715f;
	border-top: 0;
	color: black;
   /*width: 192px;*/
	padding: 4px;
	margin: 0 auto 0px 0;
	text-decoration: none;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	font-family: Helvetica, Arial;
} 

.spoilermain a:hover{
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	font-family: Helvetica, Arial;
	background-color: #F47921;
	color: White;
}

.selected, .selected a:link, .selected a:visited{
	text-decoration: none;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 10px;
	width: 98%;
	COLOR : White;
	background-color: #f47921;
	display: block;	
}

#leftmenu a, #leftmenu a:visited {
	display: block;
	cursor: pointer;
	background-image: url("http://www.sunwind.no/content/files/images/pagegraphics/bg_menu.jpg");
	background-repeat: repeat;
	background: White;
	border: 2px dotted #7c715f;
   border-top: 0;
	color: black;
   width: 190px;
	padding: 4px;
	margin: 1px auto 0 auto;
	text-decoration: none;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	font-family:  Helvetica, Arial;
	
}
#leftmenu a:hover {
	background: Black url(arrow.gif) no-repeat 11px 10px; color: White;
}

td.graystripedbg
{
	background: url("http://www.sunwind.no/content/files/images/pagegraphics/navi_bottom.jpg") center center repeat-x;	
}

.pagespoilertop{
	background: url("http://www.sunwind.no/content/files/images/pagegraphics/navi_bottom.jpg") center center repeat-x;
	background-repeat: repeat;
	color: black;
	width: 550px;
	font-weight: bold;
	font-size: 12px;
	font-family:  Helvetica, Arial;
	margin: 5px auto 0 auto;
	padding: 4px;
	text-decoration: none;
	cursor: pointer;
}

.pagespoilermain{
	background: #FAFCFE;
	border: 1px dotted #7c715f;
   border-top: 0;
	color: Black;
	padding: 2px;
	margin: 1px auto 0 auto;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	font-family:  Helvetica, Arial;
}

td.menucontainer a:link, td.menucontainer a:visited
{
	font-family:  Helvetica, Arial;
	font-size: 12px;
	display: block;
	color: #F06431;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
}

td.menucontainer a:hover
{
	display: block;
	background-color: #F06431;
	color: White;
	border-bottom: #FF0000 0px solid;
	text-decoration: none;
	font-weight: bolder;
}

td.MainMenuHeader
{
	font-size: 14px;
	font-weight: bold;
	color: #0173B9;
	font-family:  Helvetica, Arial;
	background-image: url("http://www.sunwind.no/content/files/images/pagegraphics/box_top.jpg");
}

td.MainHeader{
	font-size: 17px;
	font-weight: bold;
	color: Black;
	font-family:  Helvetica, Arial;
	background-image: url("http://www.sunwind.no/content/files/images/pagegraphics/MainHeaderBG_630x44.jpg");
	border-top: #F06431 2px solid;
	border-left: #F06431 2px solid;
	border-right: #F06431 2px solid;
	border-bottom: #F06431 2px solid;
	background-repeat: no-repeat;
}

td.MainHeaderIntegrated{
	font-size: 17px;
	font-weight: bold;
	color: Black;
	font-family:  Helvetica, Arial;
	background-image: url("http://www.sunwind.no/content/files/images/pagegraphics/MainHeaderBG_630x44.jpg");
	border-top: #F06431 1px solid;
	border-left: #F06431 1px solid;
	border-right: #F06431 1px solid;
	border-bottom: #F06431 0px solid;
	background-repeat: no-repeat;

}


td.MainHeaderContent{
	font-size: 11px;
	color: Black;
	font-family:  Helvetica, Arial;
	border-left: #F06431 2px solid;
	border-right: #F06431 2px solid;
	border-bottom: #F06431 2px solid;
}
td.MainHeaderContentIntegrated{
	font-size: 11px;
	color: Black;
	font-family: Helvetica, Arial;
	border-left: #F06431 1px solid;
	border-right: #F06431 1px solid;
	border-bottom: #F06431 1px solid;
}
td.WorkHeader
{
	font-size: 17px;
	font-weight: bold;
	color: #F06431;
	font-family:  Helvetica, Arial;
	background-image: url("http://www.sunwind.no/content/files/images/pagegraphics/box_top.jpg");
}

td.SmallMenuHeader
{
	font-size: 10px;
	font-weight: bold;
	color: White;
	font-family: Helvetica, Arial;
	background-image: url("http://www.sunwind.no/content/files/images/pagegraphics/topic_bg.gif");
	background-repeat: repeat;
}

td.WorkPage
{
	padding: 5px 5px 5px 5px;
	border-left: #A4A4A4 1px solid;
	border-right: #A4A4A4 1px solid;
	font-weight: 400;
	font-family: Helvetica, Arial;
	font-size: 11px;
}

td.WorkFooter
{
	font-size: 10px;
	font-weight: normal;
	color: #222222;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	background-image: url("http://www.sunwind.no/content/files/images/pagegraphics/box_bottom.jpg");
}

td.WorkLineLeftPage
{
	padding: 5px 5px 5px 5px;
	border-left: #A4A4A4 1px solid;
	border-right: #A4A4A4 0px solid;
	font-weight: 400;
	font-family: Helvetica, Arial;
	font-size: 11px;
}

td.SmallBoldFont
{
	font-family: Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
}

td.SmallNormalFont
{
	font-family: Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
}

/* End Special Page Settings*/

td.borderside
{
	border-top: #000000 0px solid;
	font-size: 12px;
	border-left: #F06431 3px solid;
	border-right: #F06431 3px solid;
	color: #F06431;
	border-bottom: #000000 0px solid;
	font-family: tahoma;
	text-align: left;
	padding-left:0;
}

td.blueline{
	background: #F06431; width: 100%; height: 1px;
}

HRblueline {
    height:3px;
    width:100%;
    background:#F06431;
    margin: 0px 0px 0px 0px;
	
   }

td.borderheader
{
	border-top: #F06431 3px solid;
	border-left: #F06431 3px solid;
	border-right: #F06431 3px solid;

}

table.adframe
{
	border-top: #F06431 3px solid;
	border-left: #F06431 3px solid;
	border-right: #F06431 3px solid;
	border-bottom: #F06431 3px solid;
	font-size: 10px;
	font-family: Arial;
	background-color : #A4A4A4;
}

td.borderfooter
{
	border-bottom: #F06431 3px solid;
	border-left: #F06431 3px solid;
	border-right: #F06431 3px solid;

}

td.bgside
{
	border-top: #000000 0px solid;
	font-size: 12px;
	border-left: #F06431 3px solid;
	border-right: #F06431 2px solid;
	color: #222222;
	border-bottom: #000000 0px solid;
	font-family: tahoma;
	text-align: left;
	padding-left:0;
}

td.bgsideRight
{
	padding: 0px 0px 0px 0px;
	border-top: #000000 0px solid;
	font-size: 12px;
	border-left: #E6E6FA 1px solid;
	border-right: #F06431 3px solid;
	color: #222222;
	border-bottom: #000000 0px solid;
	font-family: tahoma;
	text-align: left;

}
td.bgsideLRight
{
	padding: 0px 0px 0px 0px;
	border-top: #000000 0px solid;
	font-size: 12px;
	border-left: #F06431 1px solid;
	border-right: #F06431 3px solid;
	color: #222222;
	border-bottom: #000000 0px solid;
	font-family: tahoma;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}

/*************************************************************************
CSS MENU - NEW. Used by default
Used by "WriteCSSMenu thisparentid" in skin.asp
BLUE MENU */
#navcontainer
{
	margin-left: 0px;
	border-right: 0px solid #000;
	padding: 0;
	margin-bottom: 1em;
	font-family: Helvetica, Arial;
	color: #333;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#navcontainer ul
{
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#navcontainer li
{
	/*border-bottom: 1px solid #90bade;*/
	margin: 0;
}

#navcontainer li a
{
	display: block;
	padding: 5px 0px 5px 5px;
	border-left: 10px;
	border-right: 10px; /*background-color: #F0F0F0;*/
	color: #F06431;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
	border-left: 10px;
	border-right: 10px solid #F06431;
	background-color: White;
	color: #2F2D2E;
	border-bottom: #FF0000 0px solid;
	text-decoration: none;
	font-weight: bolder;
}

#navcontainer li li
{
border-top: 0px solid #90bade;
border-bottom: 0;
margin: 0;
font-size:11px;
font-weight: normal;
}

#navcontainer li li a
{
	display: block;
	padding: 0px 0px 0px 15px;
	border-left: 10px;
	border-right: 10px solid #F06431; /*background-color: #F0F0F0;*/
	color: #F06431;
	text-decoration: none;
	width: 100%;
}

#navcontainer li li li
{
border-top: 1px solid #90bade;
border-bottom: 0;
margin: 0;
font-size:10px;
}

#navcontainer li li li a
{
display: block;
padding: 1px 1px 1px 25px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2586d7;
color: #eee;
text-decoration: none;
}

#navcontainer img
{
  padding-right:3px;
}


/****************** TOP MENU (AKA HORIZONTAL MENU) *******************/
#menutop
{
	border-top:4px solid #fff;
	font-size: 14px;
	font-weight: bold;
	color: #0173B9;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	background-image: url("http://www.sunwind.no/content/skins/default/Sub-Menu-bar.gif");
}

#menutop a
{
	border-top: Silver 0px solid;
	border-bottom: Silver 0px solid;
	border-left: Gray 1px solid;
	border-right: Gray 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 4px;
	background-image: url("http://www.sunwind.no/content/files/images/pagegraphics/box_top.jpg");
	color: #F06431;
	/* background:#d4d4d4;
	*/
	text-align:center;
	padding:2px 6px;
	text-decoration:none;
	float:left;
}

#menutop a:hover
{
	color: Black;
	/* background:#08c;
	*/
	white-space:nowrap;
}

.seperator
{
  border-left: #e6e6ee 3px solid;
  border-right: #a7a6aa 3px solid;
  width:0px;
  padding-top:3px;
  padding-bottom:3px;
  margin-left:7px;
  margin-right:7px;
  
}

/*The header menu*/
#menuheader
{
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #F06431;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
}

#menuheader a
{	
	text-decoration: none;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #F06431;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
}

#menuheader a:hover
{
	color: #2E2E2E;
	border-bottom: #2E2E2E 1px solid;
}

menuheader.seperator
{
  border-left: #E77918 1px solid;
  border-right: #E77918 1px solid;
  width:0px;
  padding-top:3px;
  padding-bottom:3px;
  margin-left:3px;
  margin-right:7px;
  
}


/* the right mouse context menu */
DIV.diveditmenu
{
	z-index: 6;
	left: 0px;
	visibility: hidden;
	width: 100px;
	height: 60px;
	position: absolute;
	top: 0px;
	background-color: white;
}

td.menulink
{
		margin: 0;
}

td.menulink a
{
	display: block;
	padding: 2px 2px 0px 2px; /*border-left: 10px solid; background-color: #F0F0F0;*/
	border-left: 10px solid silver;
	border-bottom: #F06431 1px solid;
	color: #F06431;
	text-decoration: none;
	width: 100%;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
}

td.menulink a:hover
{
	padding: 2px 2px 0px 2px;
	border-left: 10px solid #F06431;
	background-color: White;
	width: 100%;
	color: black;
	border-bottom: #FF0000 0px solid;

}

table.frame{
	border: 1px solid gray;
	background-color: #F0F0F0;
	FONT-SIZE : 11px;
	COLOR : #140812;	
	FONT-FAMILY : Tahoma;	
}

td.conversionheader{
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #F06431;
	color: White;
	font-weight: bold;
}


/* Chamfer Borders*/
.chamfer {background: transparent; width:90%; margin:0 auto;}
.chamfer h1, .chamfer p {margin:0 10px;}
.chamfer h1 {font-size:2em; color:#000; letter-spacing:1px;}
.chamfer p {padding-bottom:0.5em;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {
	display:block;
	overflow:hidden;
	height:1px;
	background: White;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {
	display:block;
	background: White;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

/* common styling */
/* Begin CSS Popout Menu */

/* Tema CSS for produkter */
td.gas, td.gas a, td.gas a:visited
{
	text-decoration: none;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	background: #adcf82; /*#663333;*/ color: White;
}
td.gas a:hover
{
	background: #F47921;
}
td.energy, td.energy a, td.energy a:visited
{
	text-decoration: none;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	background: #ca6d06; /*#c99c30;*/ color: White;
}
td.energy a:hover
{
	background: #F47921;
}
td.water, td.water a, td.water a:visited
{
	text-decoration: none;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	background: #006bb3; /*#5fa4c3;*/ color: White;
}
td.water a:hover
{
	background: #F47921;
}

td.lavatory, td.lavatory a, td.lavatory a:visited
{
	text-decoration: none;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	background: #aeb6a9; /*#908633;*/ color: White;
}
td.lavatory a:hover
{
	background: #F47921;
}

td.heat, td.heat a, td.heat a:visited
{
	text-decoration: none;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	background: #fbbd1a; /*#9d5f14;*/ color: White;
}
td.heat a:hover
{
	background: #F47921;
}

td.outdoor, td.outdoor a, td.outdoor a:visited
{
	text-decoration: none;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	background: #00a5d5; /*#366d8d;*/ color: White;
}
td.outdoor a:hover
{
	background: #F47921;
}

td.sauna, td.sauna a, td.sauna a:visited
{
	text-decoration: none;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	background: #504f55; /*#cc6600;*/ color: White;
}
td.sauna a:hover
{
	background: #F47921;
}

td.wallas, td.wallas a, td.wallas a:visited
{
	text-decoration: none;
	font-family: Lucida, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	background: #7c715f; /*#cc6600;*/ color: White;
}
td.wallas a:hover
{
	background: #F47921;
}