
/*********************************************************
 *
 *    Copyright © Emil Sjödin Design
 *  
 *
 ********************************************************/
 
 body {
	font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000000;
	background-image:url(../images/html_bg.png);
}


img {
	border:0px;
	padding:0px;
	margin:0px;
}
a {
	color:#000000;
	text-decoration:none;
}

a:hover {
	color:#996633;
	text-decoration:none;
}

form {
	margin:0px;
	padding:0px;
	border:0px;

}


h1 {
	margin:10px 0px 15px 0px;
	color:#FF9933;	
	font-size:24px;
	font-weight:normal;
	text-align:left;
	line-height:25px;
}

h1.gray {
	color:#cccccc;
}

h1.products {
	color:#cccccc;
	margin:0px 0px 5px 0px;
}

h2 {
	padding:0px;
	margin:0px 0px 5px 0px;
	color:#FF9933;	
	font-size:20px;
	font-weight:normal;
	text-align:left;
	line-height:20px;
}

h3 {
	padding:0px;
	margin:0px 0px 5px 0px;
	color:#996633;	
	font-size:14px;
	font-weight:normal;
	text-align:left;
}



h4 {
	padding:0px;
	margin:0px 0px 5px 0px;
	color:#993300;	
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

span.gray {
	color:#CCCCCC;
}

table, td, tr {
	padding:0px;
	margin:0px;
	border:0px;
}

.noPadding td {
	padding:0px;
	margin:0px;
	border:0px;
}

#wrapper {
	width:830px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	color:#333333;
	
}

#main_top {
	float:left;
	width:830px;
	height:15px;
	margin-top:40px;
	background-image:url(../images/main_top.jpg);
	
}

#main {
	float:left;
	width:800px;
	height:auto;
	font-size:11px;
	color:#333333;
	padding:0px 15px 0px 15px;
	background-image:url(../images/main.jpg);
	
}

#main_bottom {
	float:left;
	width:830px;
	height:15px;
	background-image:url(../images/main_bottom.jpg);
	
}


#content_flash {
	float:left;
	width:800px;
	height:120px;
	margin:0px;
	font-size:12px;
	color:#666;
}


#content {
	float:left;
	width:800px;
	padding:15px 0px 20px 0px;
	height:auto;
	margin:0px;
	text-align:left;
	background-color:#FFFFFF;
}

#bottom {
	float:left;
	width:800px;
	height:40px;
	padding:5px 15px 5px 15px;
	overflow:hidden;
	color:#ffffff;
}

#content_bottom a:link {
	color:#999999;
}
#content_bottom a:hover {
	text-decoration:underline;
}

table.bottom {
	width:100%;
	vertical-align:top;
}


#content_left {
	float:left;
	width:450px;
	height:auto;
	margin:0px;
	padding:0px 20px 0px 10px;
	line-height:18px;
	
}
#content_right {
	float:left;
	width:320px;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#companies_left {
	float:left;
	width:150px;
	height:auto;
	margin:0px;
	padding:0px 10px 0px 0px;
}
#companies_right {
	float:left;
	width:150px;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#left {
	float:left;
	width:140px;
	height:auto;
	margin:0px;
	font-size:12px;
	color:#666;
}

#left_caption {
	float:left; 
	width:130px; 
	margin:0px; 
	padding: 4px; 
	text-decoration: none; 
	font-size:11px; 
	background-image:url(../images/product_menu_btn.jpg); 
	border:1px solid #cccccc;
}


td img {
	padding-bottom:5px;
}

td a {
	color:#999999;
}

td a:hover {
	color:#990000;
}

#middle {
	float:left;
	width:450px;
	height:auto;
	margin:0px;
	padding:0px 15px 0px 15px;
	table-layout:inherit;
	line-height:18px;
}

.text_wrapper{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px 0px 20px 0px;
	table-layout:inherit;
	line-height:18px;
}

#line_hori {
	float:left;
	width:100%;
	height:10px;
	margin:10px 0px 0px 0px;
	border-top:1px dashed #CCCCCC;
}

#middleright {
	float:left;
	width:635px;
	height:auto;
	margin:0px;
	padding-left:15px;
}

#right {
	float:left;
	width:180px;
	height:auto;
	margin:0px;
	padding:0px;
}

.right_item {
	float:left;
	width:160px;
	padding:9px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	background: url(../images/right_column_bg.jpg) repeat-x bottom;
	height:auto;
	margin-bottom:15px;
}

.right_image {
	float:left;
	width:160px;
	height:auto;
	margin-bottom:10px;
}

.seperator {
	float:left;
	width:100%;
	height:10px;
	border-bottom:1px dashed #CCCCCC;
}


/***********************************************************************
 *
 * Main menu
 *
 **********************************************************************/

#mainMenu {
	float:left;
	width:779px;
	padding:0px 6px 0px 15px;
	height:30px;
	margin:0px 0px 0px 0px;
	background:url(../images/main_menu_bg.jpg);
	overflow:hidden;
}


#mainMenu ul {
   padding:0px;
   margin:0px;
   list-style:none;
}

#mainMenu li {
	 display:inline;
     margin:0px;
     padding:0px;
}



#mainMenu a, #mainMenu a:link, #mainMenu a:visited {
    float:left;
	width:auto;
	padding:7px 10px 0px 10px;
    height: 23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    text-align: center;
    text-decoration:none;
    color:#ffffff;
	background:url(../images/main_menu_tab.jpg);
	
}

#mainMenu a:hover { 
	background-position:0px -30px;
}

#mainMenu a#active{
	background:url(../images/main_menu_tab.jpg);
	font-weight:bold;
	background-position:0px -30px;
}

#mainMenu .seperater {
	float:left;
	width:1px;
	height:30px;
	background-image:url(../images/main_menu_seperater.jpg);
}

#mainMenu a.rss_logo, #mainMenu a.rss_logo:link, #mainMenu a.rss_logo:visited {
	float:Right;height:16px; width:16px; padding:0px; margin:6px 0px 0px 0px; background:url(../images/rss.gif); text-decoration:none;
} 
	
#mainMenu a.rss_logo:hover {
}

/***********************************************************************
 *
 * Sub Menu
 *
 **********************************************************************/

#subMenu {float:left;margin:0px; padding:0px; width: 138px;border:1px solid #cccccc; }
#subMenu ul{float:left;list-style-type: none;}
#subMenu li {float:left;display:block; margin:0px;padding:0px;}
#subMenu a{float:left; width:130px; margin:0px; padding: 6px 4px 6px 4px; text-decoration: none; font-size:11px; background:url(../images/sub_menu_bg.jpg);}


#subMenu a:link{color: #666666;}
#subMenu a:visited{color: #666666}
#subMenu a:hover{ background-position:0px -30px;color:#FFFFFF;}

#subMenu a#active{ background:url(../images/sub_menu_btn_active.jpg);color:#ffffff;}




/***********************************************************************
 *
 * product Menu
 *
 **********************************************************************/

#productMenu {float:left;margin:0px; padding:0px; width: 178px; overflow:hidden; background-color:#ffffff; border:1px solid #cccccc; border-top:none;}
#productMenu li {float:left;display:block; margin:0px;padding:0px;}
#productMenu a{float:left; width:170px; height:21px; margin:0px; padding: 4px 4px 0px 4px; text-decoration: none; font-size:12px; font-weight:bold; background:url(../images/product_menu_btn.jpg); border-top:1px solid #cccccc;}

#productMenu li.subCategory {width:163px;padding:10px 0px 2px 15px; color:#333333; font-size:12px; background:#dedede; }
#productMenu li.caption {width:170px; height:20px;padding:5px 4px 0px 4px; color:#ffffff; font-size:12px; background:url(../images/product_menu_caption.jpg); border-top:1px solid #cccccc;}


#productMenu a:link{color: #333333;}
#productMenu a:visited{color: #333333}
#productMenu a:hover{ background-position:0px -25px;}

#productMenu a#active{color:#990000; font-size:14px;}
#productMenu a#active:hover {}

#productMenu .l2 {list-style-type: none; }
#productMenu .l2 a{padding:3px 9px 0px 29px; width:140px; height:17px; text-decoration: none; font-size:10px;  background:#dedede; border:none;}

#productMenu .l2 a:link, #productMenu ul a:visited {color: #666666; font-weight:normal;}

#productMenu .l2 a:hover{color:#333333; background-color:#CCCCCC;}

#productMenu .l2 a#subActive {background-position:0px -20px; color:#990000; font-weight:bold;}
#productMenu .l2 a#subActive:hover {}


#productMenu .seperator {
	float:left;
	width:180px;
	height:1px;
	border-bottom:1px dashed #CCCCCC;
	margin-bottom:1px;
}
/***********************************************************************
 *
 * Form
 *
 **********************************************************************/
.form_login {
	width:300px;
	font-size:12px;
	color:#666;
}

.form_search_input_small {
	float:left;
	width:138px;
	height:15px;
	padding-left:20px;
	border:1px solid #cccccc;
	font-size:10px;
	color:#333;
	background-image:url(../images/searchicon.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

.form_search_input {
	float:left;
	width:250px;
	height:15px;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:10px;
	color:#333;
}

.form_search_submit {
	float:left;
	width:46px;
	padding:2px;
	height:19px;
	margin:0px;
	border:0px;
	background-image:url(../images/btn_bg.jpg);
	font-size:10px;
	color:#fff;
}

.form_cms_input {
	width:448px;
	height:18px;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-size:12px;
	color:#000000;
}

.form_cms_textarea {
	width:448px;
	height:100px;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-size:12px;
	color:#000000;
}

.form_cms_input_small {
	width:216px;
	height:18px;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-size:12px;
	color:#000000;
}


.form_cms_input_products {
	width:296px;
	height:18px;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-size:12px;
	color:#000000;
}

.form_cms_input_first {
	width:306px;
	height:18px;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-size:12px;
	color:#000000;
}


.form_cms_input_right {
	width:170px;
	padding:3px;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	font-size:12px;
	color:#000000;
}

.form_cms_input_right_drop {
	width:176px;
	height:20px;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	font-size:12px;
	color:#000000;
}


.form_cms_input_comments {
	width:436px;
	height:auto;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	font-size:12px;
	color:#000000;
}

.form_cms_input_loggain {
	width:256px;
	height:14px;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	font-size:12px;
	color:#000000;
}

.form_cms_input_upload {
	width:276px;
	height:auto;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	font-size:12px;
	color:#000000;
}

.form_cms_save {
    width:auto;
	height:auto;
	padding:2px 5px 2px 5px;
	margin:0px;
	background-color:#999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	background-image:url(../images/cms_btn_save_bg.jpg);
	font-size:10px;
	color:#fff;
	cursor:pointer;
}

.form_cms_edit {
	width:auto;
	height:auto;
	padding:2px 5px 2px 5px;
	margin:0px;
	background-color:#999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	background-image:url(../images/cms_btn_edit_bg.jpg);
	font-size:10px;
	color:#fff;
	cursor:pointer;
}

.form_cms_delete {
	width:auto;
	height:auto;
	padding:2px 5px 2px 5px;
	margin:0px;
	background-color:#999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	background-image:url(../images/cms_btn_delete_bg.jpg);
	font-size:10px;
	color:#fff;
	cursor:pointer;
}

.form_cms_cancel {
	width:auto;
	height:auto;
	padding:2px 5px 2px 5px;
	margin:0px;
	background-color:#999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	background-image:url(../images/cms_btn_cancel_bg.jpg);
	font-size:10px;
	color:#fff;
	cursor:pointer;
}

/***********************************************************************
 *
 * Links 
 *
 **********************************************************************/
	a.download, a.download:link, a.download:visited {
	margin-top:5px;
	height:16px;
	width:auto;
	padding:0px 0px 0px 20px;
	background-image:url("../images/btn_download.gif"); 
	background-repeat:no-repeat;
	background-position:0px 0px;  
	color:#999999;
	text-align:left;
	text-decoration:none;
	} 
	
	a.download:hover {
		background-position:0px -16px;
		color:#000000;
	}
	
	a.mail, a.mail:link, a.mail:visited {
		margin-top:5px;
		height:16px;
		width:auto;
		padding:0px 0px 0px 20px;
		background-image:url("../images/btn_mail.jpg"); 
		background-repeat:no-repeat;
		background-position:0px 0px;  
		color:#999999;
		text-align:left;
		text-decoration:none;
	} 
	
	a.mail:hover {
		background-position:0px -16px;
	}
	
	a.rss, a.rss:link, a.rss:visited {
		float:left;
		height:16px;
		width:auto;
		padding:0px 0px 0px 22px;
		background-image:url("../images/rss.png"); 
		background-repeat:no-repeat;
		background-position:left;  
		color:#999999;
		text-align:left;
		text-decoration:none;
	} 
	
	a.rss:hover {
		color:#000000;
	}
	
	
	

	a.path:link, a.path:visited {
		text-decoration:none;
		color:#999999;
	}
	
	a.path:hover {
		text-decoration:none;
		color:#666666;
	}
	
	a.blogg_path {
		text-decoration:none;
		color:#4f2401;	
		font-size:14px;
	}
	
	a.searchBtn:link, a.searchBtn:visited {
		text-decoration:none;
	}
	
	a.searchBtn:hover {
		text-decoration:underline;
	}
	
	a.pdf {
		float:left;
		margin-top:0px;
		padding:7px 0px 10px 35px;
		background-image:url("../images/pdf_icon.jpg"); 
		background-repeat:no-repeat;  
		color:#333333;
	}
	
	a.tillbaka {
		float:left;
		margin-top:0px;
		padding:3px 0px 5px 25px;
		background-image:url("../images/arrow_left.jpg"); 
		background-repeat:no-repeat;  
		color:#999999;
	}
	a.tillbaka:hover {
		color:#333333;
	}
	
	
	
	a.readmore, a.readmore:link {
		float:right;
		margin-top:10px;
		height:18px;
		width:auto;
		padding:2px 10px 0px 10px;
		background:url(../images/main_menu_tab.jpg); 
		color:#ffffff;
		text-align:left;
		text-decoration:none;
		line-height:normal;
	} 
	
	a.readmore:hover {
		background-position: 0px -30px;
		color:#FFFFFF;
	}
	
/***********************************************************************
 *
 * Texts 
 *
 **********************************************************************/	
	
	span.caption {
  		font-size:14px;
		font-weight:bold;
  		color:#000000;
  }
	span.date {
		font-size: 10px;
		color: #999999;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 16px;
	}
	span.author {
		font-size: 12px;
		color:#4f2401;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 16px;
	}
	span.product_item_caption {
		float:left;
		width:100%;
		color:#990000;
		font-size:20px;
		padding-bottom:10px;
	}

 
  
  font.form_caption {
  		color:#0085CA;
  }
  
 /***********************************************************************
 *
 * Images 
 *
 **********************************************************************/	

  img.news_image_full {
  	width:100%;
  	margin:5px 0px 5px 0px;
  }
  
  img.news_image_half {
  	float:left;
  	margin:5px 10px 5px 0px;
  }
  
   img.news_image_small {
  	float:left;
	width:100%;
  	margin:5px 0px 5px 0px;
  }

/***********************************************************************
 *
 * Cms 
 *
 **********************************************************************/
#cms_wrapper {
	float:left;
	background-color:#ffffff;
	width:100%;
	padding:0px;
	height:120px;
	border-bottom:10px #FFFFFF solid;
	margin-bottom: 10px;
}

#cms_top {
	float:left;
	width:100%;
	padding:10px;
	height:60px;
}

#cms_content_top {
	float:left;
	width:500px;
	height:60px;
}

#cms_logo {
	float:right;
	width:150px;
	height:60px;
}
#cms_bottom {
	float:left;
	width:100%;
	border-top:1px solid #000000;
	height:39px;
	background-image:url(../images/cms_bg.jpg);
}



#wrapper_buttons {
	float:left;
	width:100%;
	margin-top:10px;
	padding:10px 0px 10px 0px;
}

#cms_content {
	float:left;
	margin-left:20px;
	margin-right:20px;
	width:750px;
	padding:20px 60px 20px 20px;
	height:auto;
}

#cms_content_main {
	float:left;
	background-color:#ffffff;
	width:748px;
	padding:20px;
	height:auto;
	margin-bottom:20px;
	color:#333333;
	font-size:12px;
	background-color:#eeeeee;
	border:1px solid #666666;	
}

#cms_content_bindings {
	float:left;
	margin:20px 0px 0px 20px;
	width:500px;
	padding:20px;
	height:auto;
	color:#333333;
	font-size:12px;
	background-color:#eeeeee;
	border:1px solid #666666;	
}

#show_pages, #show_items {
	float:left;
	background-color:#ffffff;
	width:100%;
	padding:0px;
	height:auto;
	font-size:12px;
}

#show_pages td {
	padding:4px 10px;
}

td.pad {
	padding:4px 10px;
}

.alert {
	float:left;
	width:80%;
	padding: 10px 10px 10px 35px;
	margin: 10px 0px 10px 0px;
	background: #ffe url("../images/error_icon.gif") no-repeat 10px 10px ;
	color: #dd561b;
	border: solid 1px #fadeaf;
	clear: both;
	font-weight: bold;
}


.ok {
	float:left;
	width:90%;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	background: #eef2e1;
	color:#90b13e;
	border: solid 1px #90b13e;
	clear: both;
	font-weight: bold;
}

/***********************************************************************
 *
 * Page nav
 *
 **********************************************************************/

#nav {
	border-top:1px dashed #CCCCCC;
	float:left;
	padding:15px 0 10px;
	width:100%;
}

#nav span.nav_caption 
{
	color:#999999;
	float:left;
	font-weight:bold;
	width:100%;
}

#nav span.active {
	background:transparent url(../images/main_menu_tab.jpg) repeat scroll 0 0;
	padding:5px 10px;
	color:#ffffff;
	float: left;
	margin:2px;
}

#nav a {
	padding:5px 10px;
	background:#ededed;
	color:#333;
	float: left;
	margin:2px;
}

#nav a:hover {
	background:#ccc;
}

/***********************************************************************
 *
 * Cms menu
 *
 **********************************************************************/

#cms_menu_container{float:left;padding: 10px 0px 0px 50px;height:29px;border-bottom: 1px solid #000000;}
#cms_menu_container ul{float:left;padding: 0px; margin:0px;  font: 12px Verdana, Helvetica, sans-serif;}
#cms_menu_container li{float:left;margin: 0; display: inline; list-style: none;}
#cms_menu_container li a{float:left;text-decoration: none; height:24px; padding: 4px 10px 0px 10px; margin-left: 10px; background-image:url(../images/cms_tab.jpg); border: 1px solid #333333; border-bottom: none;}
#cms_menu_container a:link{color: #ffffff;}
#cms_menu a:visited{color: #ffffff;}
#cms_menu_container a:hover{background-image:url(../images/cms_tab_hover.jpg);}
#cms_menu_container a#current{background-image:url(../images/cms_tab_active.jpg);; border: 1px solid #000000; border-bottom: 1px solid #ffffff; color: #000000;}


