
/*********************************************************
 *
 *    Copyright © Emil Sjödin Design
 *  
 *
 ********************************************************/
 
 body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#861d13;
	background-image:url(../images/html_bg.jpg);
	background-repeat:repeat-x;
	
}

a:link, a:visited {
	color:#999999;
	text-decoration:none;
	border:0px;
	padding:0px;
	margin:0px;
	
}
img {
	border:0px;
	padding:0px;
	margin:0px;
}
a {
	color:#666666;
	text-decoration:none;
}

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

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

}

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

h1 {
	padding:0px;
	margin:10px 0px 15px 0px;
	color:#000000;	
	font-size:24px;
	font-weight:normal;
	text-align:left;
}
h1.first {
	color:#990000;
}
h3 {
	padding:0px;
	margin:0px 0px 0px 0px;
	color:#ffffff;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
}
table, td, tr {
	padding:0px;
	margin:0px;
	border:0px;
}


#wrapper {
	width:800px;
	height:auto;
	margin-left:auto;
	margin-top:0px;
	margin-right:auto;
	font-size:11px;
	color:#666;
	
}
#top_txt {
	float:left;
	width:800px;
	height:80px;
	margin:0px;
	padding:0px;
	background-image:url(../images/top_txt.jpg);
	font-size:12px;
	color:#666;
}
#top_flash {
	float:left;
	width:800px;
	height:120px;
	margin:0px;
	padding:0px;
	background-image:url(../images/top_bild.jpg);
	font-size:12px;
	color:#666;
}

#content {
	float:left;
	width:780px;
	padding:10px 10px 30px 10px;
	height:auto;
	margin:0px;
	color:#666666;
	background-color:#FFFFFF;
}
#firstpage_left {
	float:left;
	width:200px;
	height:auto;
	margin:0px;
	padding-right:40px;
	
}
#firstpage_right {
	float:left;
	width:310px;
	height:auto;
	margin:0px;
	line-height:17px;
	padding-right:50px;
	background-color:#FFFFFF;

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

#product_left {
	float:left;
	width: 300px;
	padding: 15px 15px 0px 0px;
	
}
#product_right {
	float:left;
	width: 300px;
	color:#999999;
	line-height:16px;
	padding: 15px 15px 0px 0px;
	
}
#product_seperater {
	float:left;
	width: 12px;
	height:202px;
	margin-bottom:10px;
	padding: 0px 0px 0px 0px;
	
}

#product_item {
	float:left;
	width: 378px;
	padding: 0px 0px 0px 0px;
	margin-bottom:10px;
	border:#eeeeee 1px solid;
	background-image:url(../images/product_item_bg.jpg);
}
#product_item #image {
	float:left;
	width: 200px;
	height:200px;
	padding: 0px 0px 0px 0px;
	border-right:1px solid #eeeeee;
}

#product_item #text {
	float:left;
	width: 158px;
	height:165px;
	padding:10px 10px 0px 9px;
	overflow:hidden;
	
}
#product_item #btn {
	float:left;
	width: 158px;
	height:15px;
	padding: 0px 10px 10px 9px;
	overflow:hidden;
	
}
#product_edit {
	float:left;
	width: 300px;
	padding: 0px 0px 0px 15px;
	
}

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

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

#line_hori {
	float:left;
	width:440px;
	height:auto;
	margin:20px 0px 20px 0px;
	table-layout:inherit;
	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_top {
	float:left;
	width:160px;
	height:auto;
	margin:0px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:0px 9px 0px 9px;
	font-size:14px;
	color:#fff;
	background-image:url(../images/red_fade.jpg);
}

#right_item {
	float:left;
	width:160px;
	height:auto;
	margin-bottom:10px;
	padding:9px;
	border:1px solid #cccccc;
	font-size:11px;
	color:#666;
	line-height:16px;
	
	
}



#bottom {
	float:left;
	width:780px;
	height:auto;
	margin:0px;
	padding:10px;
	font-size:10px;
	color:#ffffff;
	background-color:#640000;
}


/***********************************************************************
 *
 * Search
 *
 **********************************************************************/

#search_box_top {
	float:left;
	width:358px;
	height:auto;
	padding:20px 10px 20px 70px;
	color:#333;
	border:#CCCCCC 1px solid;
	border-bottom:none;
	overflow:hidden;
}

#search_box_result {
	float:left;
	width:200px;
	height:auto;
	padding: 2px 0px 2px 10px;
	color:#fff;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/search_bar.jpg);
	overflow:hidden;
}

#search_box_hits {
	float:left;
	width:220px;
	height:auto;
	padding: 2px 10px 2px 0px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-image:url(../images/search_bar.jpg);
	overflow:hidden;
}

#search_result {
	float:left;
	width:440px;
	height:auto;
	padding:0px;
	color:#333;	
}

#search_result_bottom {
	float:left;
	width:440px;
	height:10px;
	padding:0px;
	color:#333;
	background-color:#eeeeee;
	background-image:url(../images/search_bottom.jpg);
	overflow:hidden;
}

#search_result td {
padding:10px;
}

#search_btn_right {
	float:right;
	padding-top:5px;
	margin: 0px;
}
/***********************************************************************
 *
 * Main menu
 *
 **********************************************************************/

#mainMenu {
	float:left;
	width:800px;
	margin:0px;
	padding:0px 0px 0px 0px;
	height:23px;
	background-image:url(../images/mainMenu_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;
	 padding:5px 15px 5px 15px;
     height: 20px;
     margin: 0px;
	 font-family:Arial, Helvetica, sans-serif;
     text-align: center;
     text-decoration:none;
     color:#ffffff;
}

#mainMenu a:hover {background-image:url(../images/search_btn_bg.jpg);}
#mainMenu a#active{
  	background: url(../images/mainMenu_hover.jpg);
   color:#990000;
   font-weight:bold;
}

#mainMenu a#home {
	 float:left;
	 padding:0px;
	 width:39px;
     height: 23px;
	 background-image:url(../images/mainMenu_home.jpg);
	 background-position:0px 0px;
}

#mainMenu .seperater {
	float:left;
	width:2px;
	height:23px;
	background-image:url(../images/mainMenu_seperater.jpg);
}


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

#subMenu {float:left;margin:0px; padding:0px; width: 128px;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:120px; margin:0px; padding: 4px; text-decoration: none; font-size:11px; background-image:url(../images/product_menu_bg.jpg);}
#subMenu a.all{float:left; width:120px; margin:0px; padding: 4px; text-decoration: none; font-size:14px;  border-bottom:2px solid #990000;}
#subMenu a.all:link, #subMenu a.all:visited, #subMenu a.all:hover {
	color:#990000;
}

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

#subMenu a#active{color:#990000;}

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

#productMenu {float:left;margin:0px; padding:0px; width: 128px;border:1px solid #cccccc; }
#productMenu ul{float:left;list-style-type: none;}
#productMenu li {float:left;display:block; margin:0px;padding:0px;}
#productMenu a{float:left; width:120px; margin:0px; padding: 4px; text-decoration: none; font-size:11px; }
#productMenu a.white{background-color:#ffffff;}
#productMenu a.gray{background-color:#eeeeee;}

#productMenu a.all{float:left; width:120px; margin:0px; padding: 0px 4px 0px 4px; text-decoration: none; font-size:14px; background-image:url("../images/red_fade.jpg");}
#productMenu a.all:link, #subMenu a.all:visited, #subMenu a.all:hover {
	color:#ffffff;
}

#productMenu a:link{color: #333333;}
#productMenu a:visited{color: #333333}
#productMenu a:hover{ background-color:#cccccc;}

#productMenu a#active{color:#990000;}




/***********************************************************************
 *
 * 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/search_btn_bg.jpg);
	font-size:10px;
	color:#fff;
}

.form_cms_input {
	width:436px;
	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:156px;
	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_save {
    width:70px;
	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:70px;
	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:70px;
	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:70px;
	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.pdf_btn:link, a.pdf_btn:visited {
		text-decoration:none;
		color:#666666;
	}
	
	a.pdf_btn:hover {
		text-decoration:none;
		color:#000000;
	}
	
	a.produkt:link, a.produkt:visited {
		float:left;
		margin-top:0px;
		padding:0px 0px 0px 20px;
		background-image:url("../images/arrow.jpg"); 
		background-repeat:no-repeat;  
		color:#990000;
		font-weight:bold;
	}
	
	a.produkt:hover {
		color:#000000;
		font-weight:bold;
	}
	
	a.red:link, a.red:visited {
		text-decoration:none;
		color:#990000;
	}
	
	a.red:hover {
		color:#000000;
	}
	
	a.blue:link, a.blue:visited {
		text-decoration:none;
		color:#0085CA;
	}
	
	a.blue:hover {
		text-decoration:underline;
		color:#0085CA;
	}
	
	

	a.path:link, a.path:visited {
		text-decoration:none;
		color:#666666;
	}
	
	a.path:hover {
		text-decoration:none;
		color:#000000;
	}
	
	a.search_result:link, a.search_result:visited {
		color:#333333;
		text-decoration:none;
	}
	
	a.search_result: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.product_btn:link, a.product_btn:hover, a.product_btn:visited {
		float:left;
		margin-top:0px;
		padding:2px 5px 2px 5px;
		background-image:url("../images/red_fade.jpg");
		background-position:bottom; 
		color:#ffffff;
	}
	
	
/***********************************************************************
 *
 * Texts 
 *
 **********************************************************************/	
	span.product_item_caption {
		float:left;
		width:100%;
		color:#990000;
		font-size:20px;
		padding-bottom:10px;
	}

  span.news_date {
  		color:#cccccc;
  }
  
  span.news_caption {
  		font-size:14px;
		font-weight:bold;
  		color:#333;
  }
  
  span.search_caption {
  		font-size:14px;
		font-weight:bold;
  		color:#00CC00;
  }
  
  span.red {
  		font-size:12px;
  		color:#CC0000;
  }
  
  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:448px;
	margin-top:10px;
	padding:10px 0px 10px 0px;
}

#cms_content {
	float:left;
	width:750px;
	padding:50px;
	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;	
}

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

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

.alert {
	float:left;
	width:90%;
	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;
}




/***********************************************************************
 *
 * 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;}
