body {
	background-color: #eee;
	color: #000;
	margin: 5px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	scrollbar-base-color: #c3c3c3;
	scrollbar-track-color: #e3e3e3;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #e3e3e3;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #888;
	scrollbar-arrow-color: #fff;
}
body.white {
	background-color: #fff;
}
h3 {
	font: bold 10px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
li {
	margin-bottom: 10px;
	list-style: none;
}
td {
	font-size: 10px;
}
dl {
	
}
dd {
	margin-left: 1em;
}
#amps, #cdp, #room, #cables {
	margin-left: 2px;
}
#prod_table {
	width: 465px;
}
#prod_table td {
	font: 10px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 2px;
	border-bottom: 1px solid #ccc;
}
#prod_table2 {
	width: 800px;
}
#prod_table2 td {
	font: 10px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 2px;
	border-bottom: 1px solid #ccc;
}
#prod_table thead td {
	font-weight: bold;
}
#contact_table { 
	width: 465px;
}
.prod_header {
	background-color: #c3c3c3;
}
#contact_table td {
	font: 10px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 2px;
}
#contact_table thead td {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.title {
	font-weight: bold;
	text-align: center;
	width: 100px;
}
img.title {
	border: 0;
	width: 20px;
}
.non_border {
	border: 0;
}
a {
	background-color: transparent;
	color: #6481ac;
	text-decoration: none;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

/* gallery */
.img-shadow {
 	float: left;
 	background: url(../images/gallery/skygge2.png) no-repeat bottom right !important;
 	background: url(../images/gallery/skygge.gif) no-repeat bottom right;
 	margin: 20px 0 0 10px;
}

.img-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #c0c0c0;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}
/* JPS siden */
.jps_body {
 	background-color: #c3c3c3;
	color: #fff;
	text-align: center;
 }
 img {
 	border: 1px solid #4f4f4f;
 }
 #menu {
 	background-color: #fff;
	color: #000;
	border-width: 0 1px 1px 1px;
	border-color: #4f4f4f;
	border-style: solid;
	width: 171px;
	text-align: left;
 }
 a .jps{ 
	background: transparent;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
 #menu ul  {	
	font: bold 10px/2em verdana, arial, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#menu ul li {
	border-bottom: 1px dotted #888;
	margin: 0;
}
#menu ul li.last {
	border-bottom: none;
	margin: 0;
}
#menu li a {
	display: block;
	padding: 1px 2px 1px 2px;
	/*border-left: 2px solid #aaa;*/
	border-right: 5px solid #aaa;
	background: #fff;
	color: #000;
	text-decoration: none;
	width: 100%;
}
#menu li a:hover {
	border-right: 5px solid #00a7d7;
	background: #eee;
	color: #000;
}
/*prod-menu*/
#sprites {
 width: 410px;
 height: 302px;
 background: url(../images/prod/menu-sprites.jpg);
 margin: 10px; 
 padding: 0;
 border: 1px solid #ccc;
 position: relative;
}

#sprites li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#sprites a {display: block;}

#sprite1 {left: 28px; top: 16px; width: 75px; height: 100px;}
#sprite2 {left: 120px; top: 55px; width: 168px; height: 116px;}
#sprite3 {left: 200px; top: 0px; width: 204px; height: 88px;}
#sprite4 {left: 43px; top: 182px; width: 84px; height: 100px;}
#sprite5 {left: 173px; top: 169px; width: 174px; height: 129px;}

#sprite1 a {height: 100px;}
#sprite2 a {height: 116px;}
#sprite3 a {height: 88px;}
#sprite4 a {height: 100px;}
#sprite5 a {height: 129px;}
#sprite1 a:hover {background: url(../images/prod/menu-sprites.jpg) -28px -318px no-repeat;}
#sprite2 a:hover {background: url(../images/prod/menu-sprites.jpg) -120px -659px no-repeat;}
#sprite3 a:hover {background: url(../images/prod/menu-sprites.jpg) -200px -302px no-repeat;}
#sprite4 a:hover {background: url(../images/prod/menu-sprites.jpg) -43px -484px no-repeat;}
#sprite5 a:hover {background: url(../images/prod/menu-sprites.jpg) -173px -471px no-repeat;}