/**** SITE LAYOUT ***/
body { margin:0; padding:0;  font-family:"Trebuchet MS", Trebuchet, Verdana; font-size:11px;  text-align:center; background:#ffffff; color:#666666; }
p{ margin:0; padding:0; }
p a{ color:#666666; }
img{ border:none; }
a{ color:#666666; }
h1,h2,h3{ margin:0; padding:0; font-weight:normal; color:#666666;  }     
h1, .huvudrubrik,.categoryTitle{ color:#000000; font-size:19px; font-weight:bold; margin-bottom:10px; }

h2, .rubrik,.categoryTitle_small{ color:#666666; font-size:12px; font-weight:bold;  }
.pageTitle{ width:100%; border-bottom: 1px solid black; margin-bottom:15px; }

#mainContainer{ margin:0 auto; width:931px; text-align:left; border:0px solid black; }

#logoHolder{ padding-left:6px; margin:43px 0 23px 0; }
#header{ height:auto; margin:5px 0; }
#headerTop{ background:url('/econtent/img/header_topshadow.png') no-repeat; width:931px; height:5px; }
#headerContent{ background:url('/econtent/img/headerback.png') no-repeat; border:0px solid black; padding:0 5px; }
#headerContent img{ border:0; }
#headerBottom{ background:url('/econtent/img/header_bottomshadow.png') no-repeat; width:931px; height:5px; }
#homeIcon{ background:url('/econtent/img/home.png') no-repeat; width:14px; height:13px; cursor:pointer; }

#searchDiv{ border:1px solid #dadada; padding:0; height:21px; }
#searchInput{ border:0px solid black; height:15px; width:150px; font-size:11px; margin:0; padding-top:4px; border-right:1px solid #dadada; background:#fbfbfb; color:#666666; float:left; }
#searchButton{ border:none; height:16px; margin-top:2px; cursor:pointer; }


#embedBack{ background:url('/econtent/img/embedback.png') no-repeat top left; width:931px; height:auto; }
#embed{ height:452px; width:100%; padding-left:5px; border:0px solid red; }


#content{ margin:15px; margin-top:22px; border:0px solid black; width:710px; }
#footer{ padding:10px 0; margin:30px 20px; border-top:1px solid #dadada; }

/** SUBMENU **/
#submenuHolder{ width:145px; background:url('/econtent/img/submenuback.gif') repeat-x; height:266px; margin-right:5px; margin-top:6px; padding:15px; position:relative; }
.submenuTitle{ margin-bottom:10px; margin-top:4px; margin-left:10px; }

#menu2, #menu2 ul{ margin:0; padding:0; }
#menu2 ul, #menu2 li{ list-style-type:none; }
#menu2 ul{ margin-bottom:3px; }
#menu2 li{ margin-left:10px; }
#menu2 .inpath{ font-weight:bold; color:#666666; }
#menu2 a{ color:#666666; text-decoration:none; }
#menu2 a:hover{ text-decoration:underline; color:#999999; }
/* #menu2 a:visited{ color:#6b91b4; } */


/******* IE 6 *******************/
* html #headerTop{ background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/econtent/img/header_topshadow.png'); width:931px; height:5px; }
* html #headerContent{ background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/econtent/img/headerback.png', sizingMethod='scale'); padding:0 5px; width:921px; }
* html #headerBottom{ background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/econtent/img/header_bottomshadow.png'); width:931px; height:5px; }
* html #homeIcon{ background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/econtent/img/home.png'); }
* html #embedBack{ background:url('/econtent/img/embedback2.gif') no-repeat top left; width:931px; height:auto; }

/*
* html #embedBack{ background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/econtent/img/embedback.png'); width:931px; height:1000px; }
*/

* html #content{ position:relative; }
* html .infobox{ background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/econtent/img/boxback_start.png');  width:294px; height:164px; padding:5px; float:left; margin-top:3px; }

/*********************************************** STARTSIDA *****************************************************************/
.infobox{ background:url('/econtent/img/boxback_start.png') no-repeat; width:294px; height:164px; padding:5px; float:left; margin-top:3px;  }
.infobox h2{ width:274px; height:19px; padding:10px; overflow:hidden; color:#ffffff; }
.infoboxRed{ background:url('/econtent/img/redtitlebar_start.gif') no-repeat; }
.infoboxGreen{ background:url('/econtent/img/greentitlebar_start.gif') no-repeat; }
.infoboxBlue{ background:url('/econtent/img/bluetitlebar_start.gif') no-repeat; }
.infoboxContent{ margin:10px; position:relative; }
.infoboxContent a{ color:#666666; text-decoration:underline; }

.newsFeature{ cursor:pointer; margin-bottom:15px; }
#fader ul, #fader li{ margin:0; padding:0; list-style:none; width:921px;  height:239px; background:none; }
#fader ul{ overflow:hidden; }
ul#faderList li img{ border: 0px solid #ccc; padding: 0px; }


/*********************************************** TEXT MED BILDER UNDERTILL *******************************************/
.imagesHolder{ width:708px; height:auto; margin-top:20px; border:0px solid black; margin-left:2px; }
.floatImage{ height:100px; width:171px; margin:0 3px; border:0px solid #95c1d8; float:left; }

/*********************************************** BILD MED THUMBS ********************************************************/
#thumbsHolder { width:auto; height:auto; }
.thumbdiv{ height:53px; width:80px; margin:0px; border:solid 0px #000000; float:left; }
#alignLeft{ width:332px; float:left; margin:0px 20px 10px 0px; border:0px solid black; }
#alignRight{ float:right; margin:0px 0 10px 10px; border:0px solid black; }

/*********************************************** DEPÅ ************************************************************************/
.person{ width:131px; height:140px; border:0px solid black; float:left; margin-right:10px; margin-bottom:10px; }
#depoImage{ cursor:pointer; }
.boxy-content{ z-index:10; }
#googlePrintLink {  margin-right:20px; float:right; }
#googlePrintLink a{ color:#666666; text-decoration:none; }

/*********************************************** Partners *************************************************************/
.partner{ float:left; margin:8px; width:220px; overflow:hidden; height:330px; border:0px solid black; }
.partner img{ border:1px solid #eaeaea; padding:3px; width:212px; height:79px; cursor:pointer; }

/*********************************************** PRISLISTA ******************************************************************/
.imageHolder{ width:80px; height:95px; }
.pricelist td{ padding-bottom:5px; }

/*********************************************** GRUPPSAMLING ******************************************************************/

.pageLink{ width:145px; cursor:pointer; height:97px; float:left; margin:5px; }
.pageLinkTitle{ padding:5px 0 0 5px; color:#ffffff; font-size:11px; font-weight:bold; }

/*********************************************** SÖKRESULTAT *************************************************************/
#resultWrapper{ margin-top:15px; padding:10px; padding-right:5px;  width:700px; } 
#resultTable{ width:695px; margin-right:0px; }
#resultTable td{ padding:4px; font-size:11px; }
.first{ width:70px; }
.title_default{ white-space:nowrap; text-align:left; font-weight:bold; background-color: #11ac8c;  color:#ffffff; }
#showResults{ cursor:pointer; text-decoration:underline; }
#pageResults{ height:0px; visibility:hidden; display:none; margin.bottom:20px; }

/*********************************************** jQUERY LIGHTBOX *********************************************************
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; 	background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }




/*************************************** jquery MENYN ***********************************************************************/

#myjquerymenu{ width:680px;  z-index:10; }
#myjquerymenu a, #myjquerymenu span{ color:#666666; text-decoration:none; }
#myjquerymenu .inpath{  font-weight:bold; color:#666666; }
#myjquerymenu a:hover{ text-decoration:underline; }
* html #myjquerymenu .myjquerymenu_level1{ z-index:10; }
* +html #myjquerymenu .myjquerymenu_level1{ z-index:10; }


.jquerycssmenu ul{ margin: 0; padding: 0; list-style-type: none;  z-index:10;  }

/*Top level list items*/
.jquerycssmenu ul li{ position: relative; display: inline; float: left; }

/*Top level menu link items style*/
.jquerycssmenu ul li a, .jquerycssmenu ul li span{ display: block; margin:0 10px; /*spacing between tabs*/  text-decoration: none; }

/*1st sub level menu*/
/* .jquerycssmenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; border:1px solid #d1ebfa; border-top:none;} */
.jquerycssmenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; border:1px solid #e4e4e4; border-top:none; } 

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{ display: list-item; float: none; z-index:10330; z-index:1000;  }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{ top: 10px; }

/* Sub level menu links style */

.jquerycssmenu ul li ul li a { width:180px; /*width of sub menus*/ background: white; color: black; padding: 6px 10px; margin: 0; margin-left:0px; border-top:1px solid #f2f2f2; border-bottom: 0px solid black; }

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/ background: #f2f2f2; color:black; }


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{ position: absolute; top: 2px; right: 6px; } 
.rightarrowclass{ position: absolute; top: 7px; right:3px; }


/********************************************* PRISLISTA STRUKTUR *****************************************************/

.marked{ background:#000000; }

.classHolder{ margin:5px; }
.classHolder img{ margin-right:5px; }
.dropClass{
	margin:3px 0;
	font-family:Tahoma;
	display:inline;
	color:#666666;
	font-weight:bold;
}
.dropCategory{
	padding-left:5px;
	font-family:Verdana;
	font-size:11px;
}
.kategori{
	border-style:solid;
	border-color:#a9a9a9;
	background-color:#ffffff;
	margin: 12px 0;
	width:700px;

}
.field{
	white-space:nowrap;
	width:auto;
	text-align:right;
	padding:4px;
}
.listImage{
	border-style:none;
	border-width:0;
	margin:3px 0;

}
.title{
	width:auto;
        background-color: #11ac8c;
        color:#ffffff;
	white-space:nowrap;
	text-align:right;
	font-weight:bold;
/*       color:#0053a0;  */

}
.desc{
	width:300px;
}
.webclass li { margin:0; padding:0; }
.webclass, #products{
	list-style:none;
	margin:0;
	padding:0;
	font-family:Verdana;
	font-size:11px;
	width:100%;
}
.classTitle{
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}
.listCategory{
	list-style-type:none;
	margin-top:2px;
	padding-left:8px;
}
.webclass a, #products a{
	font-size:11px;
	color:#666666;
}
.webclass a:hover, #products a:hover{
	color:#999999;
}
.tableBack{ background:url('/econtent/img/submenuback.gif') repeat-x; width:700px; border-top:1px solid #a5a5a5; }
.pricelist{ margin:0px; margin-top:15px; }
#catCode{ font-size:22px; margin-right:22px; }
#catDesc{  }
.categoryTable{ margin-top:15px; }
.field_print, .title_print{ font-size:9px; }

