BODY, BR, DIV, P, TD, ul, LI { 
font-size: 12px; 
font-family:  tahoma,arial,helvetica; 
color: #CACACA;
font-weight: normal;
} 

p {
	margin-bottom:24px;
	
}

	#menunormal {
	display: block;
	
}
/*
PERUSBOKSIT
 id=\"tauluD\"
 id=\"tauluM\"
 id=\"tauluD2\"
  id=\"tauluM2\"
*/

a.boxlink {
	color: #CACACA;
}

/* 
margin-top
margin-right
margin-bottom
margin-left
 */

div#tauluD2 {
	display: block;
	border: 0px;
	padding: 10px;
	margin: 30px 70px 60px 70px;
	background-color: black;
	font-size: 12px; 
	font-family:  tahoma,arial,helvetica; 
	color: #CACACA;
	font-weight: normal;
	box-shadow: 5px 3px 30px 0 #101010, 5px 4px 30px 0 #101010;
	z-index:200;
	/*box-shadow: 11px  11px 11px #101010; */
	
}
div#tauluD {
	display: block;
	border: 2px;
	border-color: #cacaca;
	padding: 10px;
	margin: 5px;
	background-color: #080808;
	font-size: 12px; 
	font-family:  tahoma,arial,helvetica; 
	color: #CACACA;
	font-weight: normal;
	z-index:200;

	
}

td div p a.boxlink {
	color: #CACACA;
	font-weight: normal;
}
td div p .boxlink {
	color: #CACACA;
	font-weight: normal;
}


div.ylaraidat {
	display: inline-block;
	border:0px;
	border-color: black;
	border-radius: 10px 10px 0px 0px;
	padding-right: 1px;
	width: 99.5%;
	height: 27px;
	background-image:url(/gfx3/raidat.gif);
	background-repeat:repeat; 
	
	
}

 /*
   label {
        display: inline-block;
        width: 220px;
        height: 30px;
        
      
      }

	   listaukset sekaisin, ei voi käyttää
	  label https://www.w3docs.com/tools/code-editor/10159 
	*/  
	
	
	 div,img#mainlogo{
display: inline-block;
 }


	
	

 div,img#mainlogo{
display: inline-block;
	 
	 
 }


@media only screen and (max-width: 710px) {
			span#menutoggler {
		display: block;
	}
	
	
		#menunormal {
	display: block;
		}

	#menunormal {
	position: fixed;
	transition-duration: 0.2s;
	transition-delay: 0.1s;
	top: 50px;
	left: 14px;
	margin-top:15px;
	z-index: 20;
	z-index: 100;
	clip-path: inset(1% 1.4% 18.4% 1.5% round 8px);
/*  clip-path: inset(ylä% oikea% ala% vasen% round 8px) */ 
	}
	#mask{
	display: block;
	opacity: 90%;
	position: fixed;
	transition-duration: 0.2s;
	transition-delay: 0.1s;
	background-color:grey;
	top: 65px;
	left: 18px;
	margin-top:20px;
	overflow: hidden;
	width: 122px;
	height: 301px;
	border: 0px;
	border-radius: 10px;
	box-shadow: 30px 30px 30px black;
	z-index: 99;
	

	}
	   div,img#mainlogo {
        display: none;
    }
		span#menutoggler {
		display: block;
	}
	
    #rightpanel {
        display: none;
    }
	/*
	#menunormal{
		display:none; 
	}
	*/
	   #leftpanel {
        display: none;
    }
	.menuicon{
display: block;
float:left;
margin-left: 20px;
position: fixed;
width: 35px;
height: 26px;
  }
  
  
  #menuicon{
display: block;
float: left;
display: block;
margin-left: 20px;	
position: relative;
width: 38px;
height: 29px;
  }
}


@media only screen and (min-width: 711px) {
	
		span#menutoggler { /* määrittää hamb-menu-ikonin näkyvyyden */
		display: none;
	}
	#menunormal {
	display: block;
	
}	
	
	   #mainlogo {
        display: inline-block;
    }
    #rightpanel {
        display: block;
    }
	#leftpanel{
		display: none;
	}
	
		
	#menunormal{
		display:block; 
	}
		
 #menuicon{
display: none;
 }
}




/* 

input[type=checkbox]{ 
   position: absolute;
   top: -9999px;
   left: -9999px;
}
div#menunormal {
     display:none;
   }  
input[type=checkbox]:checked ~ div#menunormal{
   display:block;
   }

}  
   
  // ===============================================
 
.clicker {
outline:none;
cursor:pointer;
}

#menunormal{
display:none;
}

.clicker:focus + #menunormal{
display:block;
}   
   
   
}

 */



/*
.menuicon{
	display: block;

float:left;
margin-left: 60px;
position: relative;
width: 35px;
height: 30px;
  }
  */
	/*
		#leftnormal{
		display:block;
	} */





/*
@media only screen and (min-width: 511px) {

#menunormal	{
        display: block;
    }
	#menualt{
		display: none;
	}
		div#leftpanel {
		display: none;
  position: float;
  top: 10px;
  left: 15px;
  width: 50px;
  height: 100px;
  border: 0px ;
}

}

@media only screen and (max-width: 510px) {
	
		div#leftpanel {
 display: none;
}

#menunormal	{
        display: block; /* kun sivun saa kapenemaan niin tähän "none;" 
	
  position: absolute;
  top: 140px;
  left: 11px;
  width: 110px;
  height: 100px;
  border: 0px ;
}
*/		



	






/*


*/



.Ordercontent { 
font-size: 12px; 
font-family:  tahoma,arial,helvetica; 
color: #CACACA;
} 

TH {
font-size: 12px; 
font-family:  tahoma,arial,helvetica; 
color: #CACACA;
font-weight: 900;
 } 
 
TD { 
font-size: 12px; 
font-family:  tahoma,arial,helvetica; 
color: #CACACA;
 }
 BR { 
font-size: 12px; 
font-family:  tahoma,arial,helvetica; 
color: #CACACA;
 }

 div .device_icon {
 padding-right: -50px;
 padding-bottom: 10px;

 }
 
 
div .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
 
}


.tooltip .tooltiptext {
  visibility: hidden;
  color: #CACACA;
  font-weight: normal; 
  width: 85px;
  background-color: black;
  text-align: center;
  border-radius: 6px;
  padding: 4px 0;
   /* Position the tooltip */
  position: absolute;
  padding-left:3px;
  padding-right:3px;
  z-index: 2;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  background-color: black;
  color: #CACACA;
  font-weight: normal;
  z-index: 2;
  
}







 
 
 
 
 img .device_icon {
 padding-right: 30px;
 }
 
span#sorttable_sortfwdind {color:#f1f1f1;font-size:110%;}
span#sorttable_sortrevind {color:#f1f1f1;font-size:110%;}
 
 TD.raidat {
	background-image : url("/gfx3/raidat.gif");
	background-repeat : repeat;
	background-color : #80787F;
}

TD.lmenubox {
	background-image : url("/gfx3/1010.gif");
	background-repeat : repeat-y;
}

TD.lsubmenubox {
	background-image : url("/gfx3/1010.gif");
	background-repeat : repeat-y;
	padding-left : 30px;
}
   
.MAINHEAD {
 font-size: 14px; 
 font-family:  tahoma,arial,helvetica; 
 font-weight: 700;
 color: orange;
 margin:5px 5px 0px 0px;

 } 
.SUBHEAD {
font-size: 11pt; 
font-family:  tahoma,arial,helvetica; 
color: #979697;
font-weight: 600;
 } 
.content { 
color: #CACACA;
}
.ADDRESS {
	font-size: 10px;
	font-weight: 300;
	color : #CACACA;
}
A {
color: lime;
TEXT-DECORATION: none;
font-weight: bold;
}

A:hover {
color: #ACE1D3;  
TEXT-DECORATION: none;
font-weight: bold;
}

A:visited {
color: orange;
font-weight: bold;
}

A.easy {
color: #F4F4F4;
TEXT-DECORATION: none;
}

A:hover.easy {
color: #F4F4F4;
TEXT-DECORATION: underline
}

A:visited.easy {
color: #CACACA;
}

A.underfootnote {
color: #F4F4F4;
TEXT-DECORATION: none
}

A:hover.underfootnote {
color: #F4F4F4;
TEXT-DECORATION: underline
}

A:visited.underfootnote {
color: #F4F4F4;
}

div#luelisaa {
	display:block;
	float: right;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	
}

A.luelisaa { 
font-size:10px;
font-weight: bold;
float: right;

 }
 
A.ulinehelp {
color:#F4F4F4;
text-decoration : underline;
cursor : help;
}

A:hover.ulinehelp {
color:#F4F4F4;
text-decoration : underline;
cursor : help;
}

 A:visited.ulinehelp {
color: #CACACA;
	text-decoration : underline;
	cursor : help;
}

 A.lsubmenubox {
 font-size: 85%;
 font-weight: 600;
color: #CACACA;
}

A:hover.lsubmenubox {
 font-weight: 600;
color: #FFFFFF;
}

A:visited.lsubmenubox {
 font-weight: 600;
	color: #CACACA;
}
A:active.lsubmenubox {
 font-weight: 600;
color:  #FFFFFF;
} 
 
.lsubmenubox {
font-family:  tahoma,arial,helvetica;
}
.prodtab { 
font-size: 8pt;
font-family:  tahoma,arial, helvetica; 
}

.maincat  {
text-decoration: UNDERLINE;
background-color : #006400;
}
.prodlinks {
text-decoration: UNDERLINE;
background-color : Navy;
}

A.mainshopmenu {
font-family:  tahoma,arial,helvetica; 
color:white;
font-weight:900;
}

A.rmenu {
	font-family: tahoma,arial,helvetica;
	color:#555555;
	font-weight:600;
	border : #555555;
}
.blink {
text-decoration: blink;

}

B {
 font-weight: 700; 
 }

SMALL {
font-size: 10px; 
font-family:  tahoma,arial,helvetica; 
font-weight: 300;} 


PRE {
font-family:"Courier New";
}

H1 {
font-size: 24px; 
font-family:  tahoma,arial,helvetica; 
color: #B0BFC6; // D9D9D9
margin:5px 10px 5px 0px;
}

H2 {
 font-size: 22px; 
 font-family:  tahoma,arial,helvetica; 
color: #B0BFC6;  
margin:5px 10px 5px 0px;
  }
		  
H3 { 
font-size: 18px; 
font-family:  tahoma,arial,helvetica;
color: #B0BFC6;
margin:5px 10px 5px 0px;
  }
		  
H4 { 
font-size: 16px; 
font-family:  tahoma,arial,helvetica; 
color: #B0BFC6;
margin:5px 10px 5px 0px;
}

H5 { 
font-size: 14px; 
font-family:  tahoma,arial,helvetica; 
color: #B0BFC6;
margin:5px 10px 5px 0px;
}

#productsearch {font-size:90%;}

#shopnavi {font-size:90%;}



a.nfo{
	position:relative; /*this is the key*/
	z-index:24; 
	color:#666;
	text-decoration:none;
	cursor:default;
	}

a.nfo:hover{z-index:25; 
cursor:default;
}

a.nfo span{display: none}

a.nfo:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:-7em; left:10em; width:15em;
	border:none;
	color:#B0BFC6;
	background-color: #000000;
	text-align: center;
	cursor:default;
	}





 INPUT {
font-size: 12px; 
font-family:  tahoma,arial,helvetica; 


}

INPUT.domain {
font-size: 11px; 
font-family:  tahoma,arial,helvetica; 
color: #FC2F25;
 } 
 INPUT.narrow {
	background-color: Silver;
	font-weight: bold;
	color: Black;
	width: 130px;
}
INPUT.radioL {
background-color: #444444;
font-size: 12px; 
font-family:  tahoma,arial,helvetica; 
color: #444444;
font-weight: 900;
}

INPUT.radioD {
background-color: #333333;
font-size: 12px; 
font-family:  tahoma,arial,helvetica; 
color: #444444;
font-weight: 900;
}

SELECT.checkdomain {
background-color: Silver;
	font-weight: bold;
	color: Black;
}

 INPUT.checkdomain {
	background-color: Silver;
	font-weight: bold;
	color: Black;
	width: 110px;
}

INPUT.text {
		font-weight: bold;
		background-color: Silver;
	
}

TEXTAREA {
	FONT-SIZE: 9pt; FONT-FAMILY: tahoma,arial,helvetica;
	width: 320px;
	background-color: Silver;
	font-weight: bold;
	color: Black;
	
}
SELECT {
	FONT-SIZE: 9pt; FONT-FAMILY: tahoma,arial,helvetica
}
SELECT.small {
	FONT-SIZE: 8pt; FONT-FAMILY: tahoma,arial,helvetica
}

  .footnote {
font-family:  tahoma,arial,helvetica; 
font-size: 8pt; 
font-weight: normal;

}
.white {color: #FFFFFF;}
.highlight {color: orange;}
.yellow {color: yellow;}
.darkgray {color: #888888;}
.dgray {color: #888888;}
.lgray{color: #CACACA; }
.red {color: #FF3523;}
.black {color: black;}
.orange {color: orange;} 
.green {color: green;}
.smallred { 
font-size:6pt;
 color: #FF3523; 
 }
 .big { font-size: 22pt; }
.larger1 { font-size: 110%; }
.larger2 { font-size: 120%; }
.larger { font-size: 150%; }
.bolder { font-weight: 900; }
.lime { color:#44FF44; }
.menu { 
color:#000000;
 }
.rmenu { 
color:#000000;
 }

 .center{
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 }
 
 #spacer_1{
 height:100px;
 }