/* CSS for the left menu on products template (with arrows) 
------------------------------------------------------- 

Bjartell spør: skal det ikkje vær forskjellig farge på meny etter ka kategori det e, sånn som i den horisontale menyen?
slite også med å få til prikkete linje på det gule når selected jamf. skisser
burde andre nivå på meny også ha pil ned hvis undermeny? koss funke det? må vel programmeres, kan vel ikkje gjerast i css?

akvasmart: #ffcc00

*/

.logosHover {
	margin-left:-5px;
}

/*.productsMenu a:hover{color:#000000;list-style:none;}*/

.productsMenu{
	width:225px;
	padding:10px 0 5px 0;
	margin: 0 0px 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../gfx/bgLeftMenuBottom.gif) no-repeat bottom left;}

.productsMenu ul{
	margin:0;
	padding:0;
	list-style:none;
	xbackground:url(../gfx/products/bgLeftMenuBottom.gif) no-repeat bottom;}

.productsMenu ul li{
	margin:3px 20px 0px 0;
	padding:0;
	xborder-top:1px solid #cccccc;
}

.productsMenu ul li ul li.selected a{
	color:#000;}

.productsMenu ul li a:link,
.productsMenu ul li a:active,
.productsMenu ul li a:visited{
	text-decoration:none;
	color:#000;
/*	min-height: 20px;
	height: auto !important;
	height: 20px;*/
	padding:10px 0 5px 23px;
	background:url(../gfx/bgLeftMenu.gif) no-repeat left;
	display:block;
	outline:none;
}
	
.productsMenu ul li a:hover {
	color: #404040;
}
/*.productsMenu ul li.selected.blue a:hover {
	color: #00B9E4;
}

.productsMenu ul li.selected.red a:hover {
	color: #D51203;
}

.productsMenu ul li.selected.yellow a:hover {
	color: #FED100;
}

.productsMenu ul li.selected.grey a:hover {
	color: #999999;
}
*/

.productsMenu ul li.selected a:hover {
	color:black;
}

.productsMenu ul li.noArrow a:link,
.productsMenu ul li.noArrow a:active,
.productsMenu ul li.noArrow a:visited {
	background: url(../gfx/bgLeftMenuNoArrow.gif) no-repeat left ;}

.productsMenu ul li.selected.noArrow a{
	background:none;}

.productsMenu ul li span{
	display:block;
	height:0;
	line-height:0;
	overflow:hidden;
	background:red;}

.productsMenu ul li ul li{
	xbackground:none;
	margin:0;
	padding:0;
	border:none;
	}

.productsMenu ul li.selected ul li a:link,
.productsMenu ul li.selected ul li a:active,
.productsMenu ul li.selected ul li a:visited{
	background:url(../gfx/products/menuBlippGrey.gif) 18px 4px no-repeat;
	padding-left:29px;
	padding-top:5px;
	padding-bottom:5px;
/*	min-height: 20px;
	height: auto !important;
	height: 20px;*/
	margin:0;
	outline:none;
	background-color:#CCCCCC;
	overflow:hidden;
}

.productsMenu ul li.selected ul li.selected a:link,
.productsMenu ul li.selected ul li.selected a:active,
.productsMenu ul li.selected ul li.selected a:visited{
		background:url(../gfx/products/menuBlippGrey.gif) 18px 4px no-repeat;
	padding-left:29px;
	padding-top:5px;
	padding-bottom:5px;
/*	min-height: 20px;
	height: auto !important;
	height: 20px;*/
	margin:0;
	outline:none;
	background-color:#CCCCCC;
	overflow:hidden;

	font-weight:bold;
}

.productsMenu ul li.first.selected a:link,
.productsMenu ul li.first.selected a:active,
.productsMenu ul li.first.selected a:visited{
	/*background:url(../gfx/products/arrow2.jpg) no-repeat right center;*/
	background:url(../gfx/products/bgLeftMenuProductsSelected.gif) no-repeat;
	outline:none;
	xcolor:#a03226;	
	margin-bottom:1px;
	xbackground-color:#FED100;}

	
	
.productsMenu ul li.selected.grey a:link,
.productsMenu ul li.selected.grey a:active,
.productsMenu ul li.selected.grey a:visited {
	background:url(../gfx/products/bgLeftMenuProductsWaveMasterSelected.gif) no-repeat;
}

.productsMenu ul li.selected.red a:link,
.productsMenu ul li.selected.red a:active,
.productsMenu ul li.selected.red a:visited {
	background:url(../gfx/products/bgLeftMenuProductsPolarCirkelSelected.gif) no-repeat;
	color:white;
}

.productsMenu ul li.selected.blue a:link,
.productsMenu ul li.selected.blue a:active,
.productsMenu ul li.selected.blue a:visited {
	background:url(../gfx/products/bgLeftMenuProductsFishTalkSelected.gif) no-repeat;
}

.productsMenu ul li.selected.blue ul li a:link,
.productsMenu ul li.selected.blue ul li a:active,
.productsMenu ul li.selected.blue ul li a:visited,
.productsMenu ul li.selected.red ul li a:link,
.productsMenu ul li.selected.red ul li a:active,
.productsMenu ul li.selected.red ul li a:visited,
.productsMenu ul li.selected.yellow ul li a:link,
.productsMenu ul li.selected.yellow ul li a:active,
.productsMenu ul li.selected.yellow ul li a:visited,
.productsMenu ul li.selected.grey ul li a:link,
.productsMenu ul li.selected.grey ul li a:active,
.productsMenu ul li.selected.grey ul li a:visited {
	background:url(../gfx/products/menuBlippGreyFirst.gif) top left no-repeat;
	padding-left:33px;
	padding-top:8px;
	padding-bottom:5px;
/*	min-height: 20px;
	height: auto !important;
	height: 20px;*/
	margin:0;
	outline:none;
	background-color:#CCCCCC;
	overflow:hidden;
}

.productsMenu ul li.selected.yellow a:link,
.productsMenu ul li.selected.yellow a:active,
.productsMenu ul li.selected.yellow a:visited {
	background:url(../gfx/products/bgLeftMenuProductsAkvaSmartSelected.gif) no-repeat;
}


.productsMenu ul li.selected ul li.first a:link,
.productsMenu ul li.selected ul li.first a:active,
.productsMenu ul li.selected ul li.first a:visited {
	background:url(../gfx/products/menuBlippGreyFirst.gif) top left no-repeat;
	padding-left:33px;
	padding-top:8px;
	padding-bottom:5px;
/*	min-height: 20px;
	height: auto !important;
	height: 20px;*/
	margin:0;
	outline:none;
	background-color:#CCCCCC;
	overflow:hidden;
	font-weight:normal;
}

.productsMenu ul li.selected ul li a:hover {
	color: #616161;
}

/*.productsMenu ul ul{margin:0 0 5px 0;} KA ER DENNE TIL? DEN LAGER BARE KVALM PÅ SELECTED PÅ UNDERMENY :) */



.productsMenu ul li.selected ul li.selected a:link,
.productsMenu ul li.selected ul li.selected a:active,
.productsMenu ul li.selected ul li.selected a:visited{
	background:url(../gfx/products/menuBlippGreyFirst.gif) top left no-repeat;
	padding-left:33px;
	padding-top:8px;
	padding-bottom:5px;
/*	min-height: 20px;
	height: auto !important;
	height: 20px;*/
	margin:0;
	outline:none;
	background-color:#CCCCCC;
	overflow:hidden;
	font-weight:bold;
}

.productsMenu ul li.selected ul li.selected a:hover {
	color: #616161;
}

.productsMenu ul li.selected ul li.selected.blue ul li a:link,
.productsMenu ul li.selected ul li.selected.blue ul li a:active,
.productsMenu ul li.selected ul li.selected.blue ul li a:visited {
	padding-left:40px;
	padding-top:4px;
	padding-bottom:0;
	background:url(../gfx/products/menuBlippGrey.gif) 28px 4px no-repeat #ccc;
	font-weight:normal;
}


/* 3dje nivå */
.productsMenu ul li.selected ul li.selected ul li.selected a:link,
.productsMenu ul li.selected ul li.selected ul li.selected a:active,
.productsMenu ul li.selected ul li.selected ul li.selected a:visited {
	padding-left:40px;
	padding-top:4px;
	padding-bottom:0;
	background:url(../gfx/products/menuBlippGrey.gif) 28px 4px no-repeat #ccc;
	font-weight:bold;
}





.productsMenu ul li.selected ul li a{
	background:url(../gfx/products/menuBlippGrey.gif) 18px 4px no-repeat;
	outline:none;}

.productsMenu ul li.noArrow.first a {
	xbackground:url(../gfx/borderHor.gif) repeat-x;
	xheight:20p;
	xmargin:15px;}