/*layout CSS */
* {
margin:0;
padding:0;
}

body { /*Do not change any settings on this */
background:none;
padding:0px;
margin:0px;
border:0px black;
}


/************************************************************************************************/
/*STANDARD-SETTINGS START************************************************************************/
	div#header div.moduletable { 
		padding:0px; margin:0px; border:none; width:100%;
	}
	.mosimage {
		margin:20px;
	}
	div.img_h3 h3 {
	font-size:9px; color: #454545;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	margin:5px 0px 5px 0px;
	}
	
	#karta {
	position:absolute;
	top:0px;
	left:400px;
	}
	
	/*test*/
	#contact_text {width:530px;
	height:150px;} 
	
/************************************************************************************************/
/*TYPOGRAFI START********************************************************************************/
/*STANDARD SETTINGS THAT SHOULD INHERIT TO ALL*/
	body {
		font-size:11px; color:#454545;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height:1.3;
	}
	/*Pre tags will destroy page-width if acidently inserted to content .. an not styled this way*/
	pre { white-space: normal; font-size:11px; color:#454545; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3;}
/*MARGINS-ALMOST NEVER CHANGE*/
	table, tbody, tr, td {
		padding:0px;
		margin:0px;
	}
	p {
	 padding:0px;
	 margin:0px;
	}
	h1,h2,h4,h5,h6,blockquote,form,label,ol,dl,fieldset,address {
		margin: 0.5em 0; 
	}
	ul {
		margin: 0.5em 0;
	}
	li {
		margin-left:15px;
	} 
/*STANDARD TEXT SIZES*/
	h1 {font-size:16px;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
	h2 {font-size:16px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color: #FF0000;}
	h3{ font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#454545;}
	h4{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;}
	h5{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color: #FF0000;}
	a:visited {text-decoration:none;}
	a:hover {text-decoration:underline;}
	.componentheading {font-size:16px; margin-top:0px; font-family:"Courier New", Courier, monospace; background-color:#333333; padding:0px 3px;}
	.contentheading {font-size:16px; margin-top:0px; font-family:"Courier New", Courier, monospace; background-color:#333333; padding:0px 3px;}

/*TYPOGRAFI ENDS*********************************************************************************/
/************************************************************************************************/


/************************************************************************************************/
/*COLORS SPECIAL FOR CUSTOMER START**************************************************************/
	.componentheading {color: #fff;}
	.contentheading {color: #fff;}
	h1 {color: #666666;}
	h4 { color:#666666;}
	img {border-color:#666666;}
	a {color:#666666; text-decoration:none;}
	#footer a:hover {color:#666666; text-decoration:none;}
	#footer a{color:#666666;}
	div#sidebar_right a{
		color:black;
	}
	div#sidebar_right th {
		font-weight:bold;
		font-size:12px;
		color:#666666;
	}
	.small,.createdate,.modifydate,.mosimage_caption{
		font:12px Verdana, Arial, Helvetica, sans-serif;
		color:#444444;;
	}
/*COLORS SPECIAL FOR CUSTOMER ENDS***************************************************************/
/************************************************************************************************/

/*STANDARD-SETTINGS ENDS*************************************************************************/
/************************************************************************************************/


/************************************************************************************************/
/*HEADER STYLING BEGINS HERE! *******************************************************************/
		
div#header-cont{
background: none;
padding:0px 0px 0px 0px;
margin:0px auto;
border:none;
width:960px;
}
	div#header {
	padding:0px 0px 0px 0px; 
	margin:0px auto; 
	border:none; 
	width:960px;
	background:none;
	}
		
		
	/*******************************************************************************************************************/
/* TOPMENU START*/
	div.module-nav {
		border: 0px solid #000;
		padding: 0px 0px 0px 0px;
		background:none;
		color:#666;
		list-style: none;
		margin: 0px 0px 0px 0px;
		width:229px;
	}
	div.module-nav ul.menu-nav {
	margin: 0px;
	}
	ul.menu-nav li{
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 25px;
	background:none;
	margin:0px 0px 0px 0px;
	}
	
	ul.menu-nav li a{
		font-size:16px;
		color: #333333;
		text-decoration:none;
		padding:0px 3px 0px 3px;
		margin:0px;
		margin:0px 0px 0px 0px;
		font-family:"Courier New", Courier, monospace;


	}
	ul.menu-nav li:hover, ul.menu-nav li.sfhover {
		/*background:none;*/
		/*border-bottom: 1px solid red;*/
		/*color:#FFFFFF;*/
	}
	ul.menu-nav li:hover a, ul.menu-nav li:hover a:visited, ul.menu-nav li.sfhover a {
		/*background: url(../cssimg/headmenu_right_hower.gif) bottom right no-repeat;*/
		/*border-bottom: 1px solid red;*/
		/*color:#000;*/
		background:#333333;
		outline: none;
		color: #FFFFFF;
	}
	ul.menu-nav li a:hover {
		/*color:#000;*/
		background: #333333;
		outline: none;
		color: #FFF;
	}
	
	ul.menu-nav li#current a{
		background: #333333;
		color: #fff;
		}
	ul.menu-nav li.active a{
		background:#333333;
		color: #ffffff;
		}
		ul.menu-nav li.active:hover a{
		background: #333;
		}
	ul.menu-nav li a#current:hover, ul.menu-nav li:hover a#current, ul.menu-nav li.sfhover a#current{
		background: #333333;
		color: #ffffff;
		}
						
	/*ul#mainlevel-nav li a:visited{
		color:#000;
	}
	
	
			/******************************************************************************************/
			/*SUBMENYER I TOPMENU STARTS*/
			
			ul.menu-nav li ul {
				width:154px;
				display:block;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				/*border-bottom: 1px solid #666;*/
			}
			ul.menu-nav li ul li {
				width:154px;
				z-index:103;
				padding:0px;
				margin:2px 0px 2px 0px;
				background:none;

			}
			ul.menu-nav li#current ul li a {
				width:154px;
				z-index:103;
				padding-left:7px;
				margin:0px 0px 0px 0px;
				border:none;
				font: 11px Verdana, Arial, Helvetica, sans-serif;
				color: #999999;
				text-decoration:none;
				background:none;
			}
			ul.menu-nav li.parent ul li a {
				width:154px;
				z-index:103;
				padding-left:7px;
				margin:0px 0px 0px 0px;
				border:none;
				font: 11px  Verdana, Arial, Helvetica, sans-serif;
				color: #999999;
				text-decoration:none;
				background:none;
			}
			ul.menu-nav li.parent ul li#current a {
				width:154px;
				z-index:103;
				padding-left:7px;
				margin:0px 0px 0px 0px;
				border:none;
				font: 11px Verdana, Arial, Helvetica, sans-serif;
				color: #FF00FF;
				text-decoration:none;
				background:none;
			}
			ul.menu-nav li.parent:hover ul, ul.menu-nav li.parent.sfhover ul, ul.menu-nav li.parent ul:hover {
				background: none;
			}
			
			
			ul.menu-nav li.parent:hover ul li a{
				background:none;
				color: #999999;
  
			}
	
			ul.menu-nav li.parent ul li:hover a{
				background:none;
				color: #333333;
  
			}
			ul.menu-nav li#current ul li:hover a{
				background:none;
				color: #333333;
  
			}
			/*SUBMENYN IN TOPMENU ENDS*/
			/*******************************************************************************************/
	/* TOPMENU ENDS*/
/*******************************************************************************************************************/


/*HEADER STYLING ENDS HERE! *********************************************************************/
/************************************************************************************************/


/************************************************************************************************/
/*MIDLE STYLING BEGINS HERE! ********************************************************************/
div#middle-cont{
padding:0px 0px 0px 0px;
margin:0px auto;
border:none;
width:960px;
background: none;
display:block;
}

#wrap {
 /*vidd med eventule padding f�r wrap-2 inr�knad .. om skuggram skall anv�ndas*/
/*width:750px; /*utan skugg ramar .. kolla att wrap-2 och 3 �r dissablade i index.php*/
/*width: auto !important; /*IE6 hack*/
/*width:960px; /*IE6 hack*/
margin:0px auto; /*center hack*/
padding:0px 0px 0px 0px;
text-align:left; /*center hack*/
background: none; /* url(../images/right_repeat.jpg) right repeat-y;*/
} 

div.module_jwsir { 
margin:0px 0px 10px 0px; /*center hack*/
padding:0px 0px 0px 0px;
text-align:left; /*center hack*/
background: none;
width:960px;
}

#wrap-2 {
/*width: auto !important; /*IE6 hack*/ 
/*width:960px; /*IE6 hack*/
margin:0px auto; /*center hack*/
padding:0px 0px 0px 0px;
text-align:left; /*center hack*/
background: none;
width:960px;
}

#wrap-3 {
background: none;
/*width: auto !important; /*IE6 hack*/
/*width:960px; /*IE6 hack*/
margin:0px auto; /*center hack*/
padding:0px 0px 0px 0px;
width:960px;
overflow:hidden;
}



	div#midle {
	padding:0px 0px 0px 0px;
	width:958px;
	margin:0px auto 0px auto;
	background:none;
	border:0px solid #FFFFFF;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	}
	
	#midle .inside {
	padding:0px 0px 0px 0px; 
	background:none;
	} /*Ser till att alla element f�r samma marginal till wrappern*/
	.clear {
	clear:both;
	line-height:0px;
	height:0px;
	font-size:0px;
	}
			
			
	/************************************************************************************************/
	/*CONTENT STYLING BEGINS HERE! ******************************************************************/
		
		div#content{
		margin-top:0px;
		padding:20px 20px 10px 19px;
		/*background:blue;
		border-right: 1px dotted gray;*/
		background:none;
		position: relative;
		top:0px;
		left:230px;
		}
		
		#min_height {
		width:1px;
		height:800px;
		background:none;
		float:left;
		padding:0px;
		margin:0px;
		}
	
	
		/************************************************************************************************/
		/*SIDEBAR STYLING BEGINS HERE! ******************************************************************/
					
			div#sidebar {
				width:229px; /*vidd med eventule padding f�r wrap-2 inr�knad .. om skuggram skall anv�ndas*/
				/*width:750px; /*utan skugg ramar .. kolla att wrap-2 och 3 �r dissablade i index.php*/
				/*width: auto !important; /*IE6 hack*/
				/*width:960px; /*IE6 hack*/
				margin:0px 0px 0px 0px; /*center hack*/
				padding:130px 0px 0px 0px;
				text-align:left; /*center hack*/
				background: url(../images/top_loggo.jpg) top left no-repeat; /* url(../images/right_repeat.jpg) right repeat-y;*/
				border-right:0px solid #BAB9B1;
				position: fixed;
				top:0px;
				left:0px;
			}
			
			/*******************************************************************************************************************/
/*PRODUKT-MENU STYLING LEFT START*/
	#sidebar div.module_produkter {
	width:229px; /*vidd med eventule padding f�r wrap-2 inr�knad .. om skuggram skall anv�ndas*/
	margin:0px ; /*center hack*/
	padding:0px 0px 0px 0px;
	text-align:left; /*center hack*/
	
	} 
	#sidebar div.module_produkter div div {
	width:229px;
	margin:0px ; /*center hack*/
	padding:0px 0px 0px 0px;
	text-align:left; /*center hack*/
	background:none;
	}
	#sidebar div.module_produkter div div div {
	width:229px;
	/*width: auto !important; /*IE6 hack*/
	/*width:960px; /*IE6 hack*/
	padding:0px 0px 0px 0px;
	background:none;
	
	}
	#sidebar div.module_produkter div div div a{
		display:block;
		padding:2px 0px 0px 32px;
		color:#999999;
		display: block;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	#sidebar div.module_produkter div div div a:hover {
		color: #666666;
		text-decoration:none;
		background:none;
	}

	#sidebar div.module_produkter div div div a#active_menu {
		color: #FF00FF;
		font-weight: normal;
		font-style:normal;
	}
	#sidebar div.module_produkter div div div h3 {
		margin:0px 0px 0px 0px; 
		color:#666666; 
		font-size:11px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:0px 0px 0px 0px;
		line-height:27px;
	}/*OBS! This H3 is used to fomate the heading for the sidebar left_produkt-menu*/
	
	#sidebar div.module_produkter div div div table {
		width:168px;
		padding:20px 0px 0px 0px;
		background:none;
	}		
	#sidebar div.module_produkter div div div table a.mainlevel {
		font-size:11px;
		font-weight:bold;
		color:#CC0000;
		/*D�lj hela skiten .. g�r inte att st�nga av i admin .. men vi vill inte ha den d� kunden �nd� inte skall f� ett kono s� att saga*/
		visibility:hidden;
		/*background:url(../images/Varukorg.jpg) right no-repeat;*/
		text-transform:uppercase;
		margin: 0px 0px 10px 0px;
		
	}			
	#sidebar div.module_varukorg {
	width:170px; /*vidd med eventule padding f�r wrap-2 inr�knad .. om skuggram skall anv�ndas*/
	margin:0px ; /*center hack*/
	padding:10px 10px 0px 10px;
	text-align:left; /*center hack*/
	background:none; /* url(../images/right_repeat.jpg) right repeat-y;*/
	border:0px solid #e1e1e1;
	} 
	#sidebar div.module_varukorg div div {
	width:170px;
	margin:0px ; /*center hack*/
	padding:0px 0px 0px 0px;
	text-align:left; /*center hack*/
	background:none;
	}
	#sidebar div.module_varukorg div div div {
	width:170px;
	/*width: auto !important; /*IE6 hack*/
	/*width:960px; /*IE6 hack*/
	padding:0px 0px 5px 0px;
	background:none;
	
	}
	#sidebar div.module_varukorg div div div h3{
	margin:0px 0px 0px 0px; 
	color: #CC0000; 
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	line-height:30px;
	background:none;
	}
	div.summalinje {
	border-top:1px solid  #CCCCCC;
	height:10px;
	}
			

			
			
			div#sidebar-2 {
			padding:0px 0px 0px 0px;
			}
			
			div#sidebar-2 a {
				color:black;
			}
			
			div#sidebar-2 th {
				font-weight:bold;
				font-size:12px;
				color:#cc0000;
			}
			
			div#sidebar-2 span.current_price {
			color:#FF0000;
			}
			
				#sidebar-2 div.module {
				width:180px; /*vidd med eventule padding f�r wrap-2 inr�knad .. om skuggram skall anv�ndas*/
				/*width:750px; /*utan skugg ramar .. kolla att wrap-2 och 3 �r dissablade i index.php*/
				/*width: auto !important; /*IE6 hack*/
				/*width:960px; /*IE6 hack*/
				margin:2px 0px 0px 0px; /*center hack*/
				padding:10px 0px 0px 0px;
				text-align:left; /*center hack*/
				background:none; /* url(../images/right_repeat.jpg) right repeat-y;*/
				border-left:0px solid #BAB9B1;
				height:320px;
				} 
			
					#sidebar-2 div.module div div {
					width:178px;
					/*width: auto !important; /*IE6 hack*/ 
					/*width:960px; /*IE6 hack*/
					margin:0px auto; /*center hack*/
					padding:0px 0px 0px 0px;
					text-align:left; /*center hack*/
					background:none;
					}
			
						#sidebar-2 div.module div div div {
						background:;
						width:178px;
						/*width: auto !important; /*IE6 hack*/
						/*width:960px; /*IE6 hack*/
						margin:0px auto; /*center hack*/
						padding:0px 10px 0px 10px;
						}
						
						
		
		
		/*SIDEBAR STYLING ENDS HERE! ********************************************************************/
		/************************************************************************************************/
	
	/*CONTENT STYLING ENDS HERE! ********************************************************************/
	/************************************************************************************************/

	/*User2 module used for goglemaps in this template..
	/********************************************************/

	.module_map {
	  position:absolute;
	  top:10px;
	  left:330px;
	}

/*MIDLE STYLING ENDS HERE! **********************************************************************/
/************************************************************************************************/



			
/***********************************************************************************************/
/*FOOTER STYLING BEGINS HERE! ******************************************************************/

	div#footer-cont{
	background: url(../images/footer_bg.gif) top left no-repeat;;
	padding:0px 140px 0px 0px;
	margin:0px auto;
	border-top: #333333 0px dashed;
	height:120px;
	width:960px;
	margin-bottom:10px;
	
	}
	
	#footer{
	border-top:dotted 0px #999;
	margin:0px 0px 0px 0px; 
	padding:15px 0px 0px 0px;
	}
	
		#footer a:hover {
		color: #CC0000;
		text-decoration:none;
		}
		
		#footer a{
		color: #990000;
		
		}

/*FOOTER STYLING ENDS HERE! *********************************************************************/
/************************************************************************************************/





/************************************************************************************************/
/*VIRTUAMART STYLING BEGINS HERE! ***************************************************************/





/*Styla pris spannarna som jag kopplat til lasse rist f�r h�rdkodat*/

span.current_price {
	font-weight:bold;
}
span.on_discount {
	color:#CC0000;
}

span.old_price {

}

table.shop_startsida {
	padding-left:15px;
}

.prod_img_link img {margin:5px;}
.snapshot_text {padding:2px 3px;}

/*VIRTUAMART STYLING BEGINS HERE! ***************************************************************/
/************************************************************************************************/