@charset "utf-8";
/* CSS Document */

/*
    Fonts
*/

@font-face {
  font-family: Gill Sans MT;
  src: url('/template/a452efvb/gill_sans_mt.ttf');
  
  font-family: Voltaire;
  src: url('/template/a452efvb/voltaire.ttf');
  
}
/* =Static
-----------------------------------------------------------------------*/
html {
    overflow: scroll;
}
body{
	margin: 0px;
	background: #fff;
	
}


.wrapper {
	margin: 0px auto;
	border:0;
	margin-top: 40px;
	width: 910px;
	height: 100% auto;
	border: 1px solid #ccc;
	background: #fff;
	padding: 30px;
padding-top:20px;
padding-bottom:0px;
	box-shadow: 0 0 6px rgba(0, 0, 0, .25);
}


/* =Footer
-------------------------------------- */

#footer, .push{
	clear: both;
	color: #333 !important;
	font-family: arial;
	font-size: 13px;
	padding-top: 15px;
	width: 910px;
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
}

#footer a{
	text-decoration: none;	
}

#footer-container{
}
#footer-left{
	position: relative;
	float: left;
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase;
	font-size: 12px;
	margin-top:5px;
}
#footer-right{
	position: relative;
	float: right;
	color: #111;
	text-transform: uppercase;
	font-family: 'gill sans mt', sans-serif;
}
/* =Header
-------------------------------------- */

#header {
	width: 100%;
	min-width: 920px;
	height: 115px;
}
#header-wrap {
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 920px;
	height: 100%;
}
#logo {
	float: left;
	font-family: 'Voltaire', sans-serif;
	text-transform: uppercase;
	margin-right:0px;
}
#topbanner {
	float:left;
	padding-top: 0px;
}
#topbanner img {
	border:0px;
}

.top{
	float: right;
	position: relative;
	margin-top: 30px;
	color: #ccc;	
}

/*Menu*/

div.menu0a a {
    text-decoration: none;
    color: #2a2a2a;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}



div.menu0a ul {
    margin: 0;
    padding: 0;
    z-index: 300;
    position: absolute;

}

div.menu0a ul li {
    list-style: none;
    float:left;
    text-align: center;
    }

div.menu0a ul li a {
    padding: 15px;

    text-align: center;
    }
	
	
div.menu0a ul li.last a{
	border-right: none !important;	
		
}




/* Search
-------------------------------------- */
#search-container{
	position: relative;
	float: right;	
	margin-top: -10px;
	width: 250px;
	margin-right: 0px;
}
	
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 162px;
	border: solid 1px #bcbbbb;
	outline: none;
	margin-left: 0px;
	margin-right: 0px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	cursor: pointer;
	border: none;
	min-width: 20px;
	min-height: 20px;
	background: #111;
	color: #fff;
	padding: 6px;
	opacity: 0.7;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.searchform .searchbutton:hover {
opacity: 1;


}

/* Sidebar Menu
-------------------------------------- */

#fl_menu{ position: relative; float: left; clear: both; z-index:9000; width:230px; height: 100% auto; background: #fff; padding: 5px; margin-top: 20px; border-top: 1px solid #ccc;}

#fl_menu .menu11a{ list-style-type: none; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; padding-left: 10px; padding-right: 15px;}
#fl_menu .menu11a a{display:block;  color:#111; padding-top:10px; padding-bottom: 10px; font-family: arial; font-size:12px; text-decoration:none; border-bottom: 1px dashed #ccc; line-height: 10px;}

#fl_menu .menu11a a span{
	background: #ccc;
	width: 13px;
	height: 13px;
	float: right;
	position: relative;
		-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#fl_menu .menu11a li.menu11a-active a {
color:#6FC5E0;
font-weight:bold;
}


#fl_menu .menu11b{ list-style-type: none; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; padding-left: 15px; padding-right: 0px;}
#fl_menu .menu11b a{display:block;  color:#111; padding-top:10px; padding-bottom: 10px; font-family: arial; font-size:12px; text-decoration:none; border-bottom: 1px dashed #ccc; line-height: 10px;}

#fl_menu .menu11b li.menu11b a {
color:#111;
font-weight:normal;
}


#fl_menu .menu11b li.menu11b-active a, #fl_menu .menu11b li.menu11b-inactive a:hover {
color:#6FC5E0;
font-weight:bold;
}

#fl_menu .menu11b li.menu11b-inactive a {
color:#000000;
font-weight:normal;
}

#fl_menu .menu11b a span{
	background: #ccc;
	width: 13px;
	height: 13px;
	float: right;
	position: relative;
		-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


/* Home
-------------------------------------- */

.nivo-container {
	padding: 7px;
	border:0;
	width: 100% auto;
	position: relative;
	clear:both;
	float: left;
	margin-top: 20px;
	height: 258px;
	background: #fff;
	margin-bottom: 25px;
}

#frontpage-content{
	text-align: justify;
	width: 645px;
	font-style:normal;
	font-family:helvetica, arial, verdana, sans-serif;
	color:#111;
	margin: 20px 0px 0px 0px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	height: 100% auto;
	float: left;
	font-size: 13px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.frontpage-text{
	float: left;
	position: relative;
	width: 550px;
}

.frontpage-text a{
	text-decoration: none;	
}



.divider{
	height: 1px;
	border-top: 1px solid #ccc;	
}

/* =Theme  Slideout Selector
-------------------------------------- */

.slide-out-div {
    padding-right: 30px;
	padding-left: 0px;
    width: 90px;
	position: relative;
	z-index: 99999;

}

.switch-text{
	text-transform: uppercase;
	font-family: arial;
	font-size: 12px;	
}



#fade-to-black{
	width: 18px;
	height: 18px;
	background: #222;
	position: relative;
	float: left;
	margin: 5px;
	border: 2px solid #fff;	
}

#fade-to-red{
	width: 18px;
	height: 18px;
	background: #F00;
	position: relative;
	float: left;	
	margin: 5px;
	border: 2px solid #fff;	
}

#fade-to-green{
	width: 18px;
	height: 18px;
	background: #0C0;
	position: relative;
	float: left;	
	margin: 5px;
	border: 2px solid #fff;	
}

#fade-to-blue{
	width: 18px;
	height: 18px;
	background: #09f;
	position: relative;
	float: left;	
	margin: 5px;
	border: 2px solid #fff;	
}

#fade-to-orange{
	width: 18px;
	height: 18px;
	background: #F60;
	position: relative;
	float: left;	
	margin: 5px;
	border: 2px solid #fff;	
}

#fade-to-violet{
	width: 18px;
	height: 18px;
	background: #639;
	position: relative;
	float: left;	
	margin: 5px;
	border: 2px solid #FFf;	
}

#fade-to-yellow{
	width: 18px;
	height: 18px;
	background: #Ff0;
	position: relative;
	float: left;	
	margin: 5px;
	border: 2px solid #FFf;	
}

#fade-to-pink{
	width: 18px;
	height: 18px;
	background: #F36;
	position: relative;
	float: left;	
	margin: 5px;
	border: 2px solid #FFf;	
}

#fade-to-brown{
	width: 18px;
	height: 18px;
	background: #930;
	position: relative;
	float: left;	
	margin: 5px;
	border: 2px solid #FFf;	
}


* {margin:0; padding:0}
body {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FFF;}
#text {margin:50px auto; width:500px;}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer;}

#tt {position:absolute; display:block; z-index: 99999;}
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}

table.detail_view {
	padding: 5x;
	margin-top: 10px;
	margin-bottom: 17px;
	border: 5px solid #f3f3f3;
	width: 620px;
	margin-left: 6px;
	height: 139px;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.45);

}

table.detail_view tbody tr td a {
	color:#000000;
	margin-left:5px;
}

table.detail_view td {
	padding-left: 8px;
	padding-top: 0px;
}
/* Produkt visning start
--------------------------------------------------*/
ul.product_row {
list-style:none;
margin:0px;
padding:0px;
}

ul.product_row a{
text-decoration:none;
}

li.product_item:first-child {
clear:both;
}

li.product_item {
float:left;
margin-right:25px;
}

.pki{
	min-width:157px;
	min-height:150px;
}

.pki img{
        min-width: 157px;    
}

.pki_top{
}

.pki_bottom{
}

.pki_inner{
}

div.ph {
	padding-top:4;
	width:158px; 
	text-align:center; 
}
div.ph a:link, div.ph a:visited, div.ph a:hover {
	font-weight:normal; 
	color:#4f6b7d; 
	font-family:Arial; 
	font-size:14px;
}
div.ps {
	color:#4f6b7d;
	width:158px;
	text-align:center;
	font-family: Arial;
}
div.pb {

	height:200px;
	width:158px;
	text-align:center;
}
div.pb img {
	margin-top:4px;
        min-width: 157px;
}
div.pf
{
	font-weight:bold;
	height:60px;
	width:158px;
	padding-top:4px;
	color:#4f6b7d;
	font-family:Arial;
	font-size:12px;
	text-align:center;
}
div.pt {
	text-align:center;
	padding-left:2px;
	height:44px;
}
div.pt a:link, div.pt a:visited, div.pt a:hover {
	font-weight:bold;
	color:#4f6b7d;
	font-family:Arial;
	font-size:12px;
}
div.ppl {
	font-weight:bold;
	color:#4f6b7d;
	font-family:Arial;
	font-size:12px;
	padding:2px;
	padding-left:8px;
	float:left;
}
div.pp, div.ppn {
	font-weight:bold;
	color:#4f6b7d;
	font-family:Arial;
	font-size:12px;
	padding:2px;
	float:left;
	text-align:right;
	width:88px;
}
div.ppn {
text-decoration:line-through;
}
div.pps {
	margin:2px;
	color:#4f6b7d;
	text-align:center;
	font-weight:bold;
}
#menu436a {
padding-left:0px;
margin-left:0px;
}

table.product_related {
  border:0px;
}
th.product_related_caption {
  text-align:center;
  border:0px;
}
span.product_related_caption {
  font-size:11px;
  font-weight:bold;
}
td.product_related {
  height:100px;
  text-align:center;
  vertical-align:top;
  border:0px;
}
img.product_related_img {
  cursor:hand;
  margin-right:15px;
  margin-left:15px;
  border:0px;
}

.product-item-variants
{
	background-color: #DBDBDB;
	color: #000000;
	cursor: pointer;
	display: none;
	font-size: 12px;
	min-height: 70px;
	left: 10px;
	margin-top: -100px;
	width: 120px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	z-index:10;
}
.product-item-variants .line
{
	display: block;
	height: 1px;
	padding: 0px;
	background-color: #000000;
	margin-top: 4px;
	margin-right: 0pt;
	margin-bottom: 4px;
	margin-left: 0pt;
}  
/*---------------------------------------------------------------*/



hr {
display:none;
margin:10px;
}     

label.error {
color:#FF0000;
}        

.right { float: right !important; }        
.clear { clear:both; }
div.h10 {
border-top-width: 0px;
padding-bottom: 0px;

padding-top: 0px;

}

/* = Contact
-----------------------------------------------------------------------*/

.contact-text { margin-top: 20px; }
.company-details { margin-top: 30px; }
.company-details h1 { color: #333 !important; }


#contact { padding: 0; width: 362px; margin-bottom: 40px; float: left; }
#contact form { margin-top: 20px; padding: 0px; }
#contact form input { width: 350px; padding: 5px; color: #666;  background: #fff; border: 1px solid #dedede; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-top: 3px; border-radius: 5px; box-shadow: inset 0 0 6px rgba(0,0,0,.25);}

#contact form label { display: block; width: 100px; margin-right: 12px; font-size: 11px; margin-top: 15px;}
#contact form textarea { width: 350px; height: 150px; padding: 5px; color: #666; background: #fff; border: 1px solid #dedede; border-radius: 5px; box-shadow: inset 0 0 6px rgba(0,0,0,.25); font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-top: 3px;}

#contact form .submit{
display: inline-block; padding: 5px 8px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; width: 100px; background: #333; color: #fff; font-weight: bold; margin-top: 15px; cursor: pointer; border-radius: 5px;
}

#contact form .submit:hover{
	opacity: 0.8;
}

.gmap3{margin: 0px auto 20px auto;border: 5px solid #fff; border-radius: 5px; box-shadow: 0 0 6px rgba(0,0,0,.25); height: 220px; max-width:100%; max-height:auto; width: 670px; margin-top: 20px;}