BODY {
	FONT: 12px Arial, Helvetica, sans-serif;
	font-color: #000;
	border: 0px;
	background-color: #6a6a6a;
}
img {
	border: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
h2 {
	font-size: 					24px;
	color: 						#333;
	letter-spacing: 			0px;
	font-weight: 				100;
	letter-spacing: 			1px;
	padding-top: 				0px;
	padding-left: 				0px;
	padding-bottom: 		0px;
	border-bottom: 			0px #efefef solid;
	margin: 					0px;
}
h1 {
	font-size: 					14px;
	font-weight:				normal;
	color: 						#000;
	letter-spacing:			 	2px;
	padding-left: 				0px;
	padding-top: 				0px;
	margin-top: 				0px;
	border-bottom: 				3px #a24b30 solid;
	text-align:					right;
}
hr {
	border: 0;
	width: 100%;
	color: #CCC;
	background-color: #CCC;
	height: 2px;
}

/****** Tabeller *************************************/

td {
	font: 100% Arial, verdana, sans-serif;
}
.test {
	float:left;
	margin: 10px 10px 10px 10px;
}
.right {
	float:right;
	margin: 10px 10px 10px 10px;
}
.photo {
	padding: 1px;
	display:inline;
	background: #FFF;
	border: 10px solid #FFF;
}
.font {
	FONT-family: 12px Arial, Helvetica, sans-serif;
	font-color: #FFF;
}

/******* Form Field *********************************/
.FormFieldLight {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	background-color : #f7f7f9;
	font-weight : normal;
	border-style : solid;
	border-color:#DDDDDD;
	border-width:1px;
	padding: 1px
}
.FormField {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	background-color : #CCCCCC;
	font-weight : normal;
	border-style : solid;
	border-color:#999999;
	border-width:1px;
	padding: 1px
}
.post-body {
	max-width:400px;
}
.thumb-image {
	max-width:140px;
	widht: 140px;
	max-height:140px;
	height:140px;
	border: 0px;
	vertical-align: bottom;
}
#thumb_platta {	/*bredd o hjd på grå platan n */
	float:					left;
	margin-left:			5px;
	margin-top:				5px;
	border: 				0px solid #0F0;
	background:				#CCC;
	width: 					150px;
	height:					185px;
	overflow:				hidden;
}
#thumb_image {	/*bredd o hjd på bildruran */
	float:					left;
	margin-left:			5px;
	margin-top:				2px;
	border: 				0px solid #0F0;
	width: 					140px;
	height:					140px;
	overflow:				hidden;
}


#thumb_text {	/*text under bild */
	float:					left;
	margin-left:			5px;
	margin-top:				2px;
	padding-top:			5px;
	border: 				0px solid #F00;
	width: 					140px;
	height:					30px;
	overflow:				hidden;
}
.inspirations-image {
	max-width:800px;
	width: 800px;
	height: auto;
	border: 0px;
}
.inspirations-image-goring {
	max-width:400px;
	height: auto;
	border: 0px;
}
a:link {
	text-decoration: none;
	color: #000000
}
a:visited {
	text-decoration: none;
	color: #000000
}
a:active {
	text-decoration: none;
	color: #000000
}
a:hover {
	text-decoration: none;
	color: #000000
}

.FooterLink {
	color:							#8b8a8a;
}
.RubrikInspBilder {
	text-transform: 				uppercase;
	letter-spacing:					3px;
	font-weight:					normal;
	
	
}
#RubrikInspBilder {
	Width:							760px;
	height:							12px;
	font-size:						10px;
	text-transform: 				uppercase;
	letter-spacing:					3px;
	font-weight:					normal;
	border:							1px solid #F00;
	
}
/********************  layout  ********************/

#Wrap { 
	position: 					absolute;
	left: 						50%;
	width: 						1040px;
	margin-left: 				-520px;
	border:						0px dotted #0F0;
	}

#layout {
	float:						left;
	width: 						1020px;
	z-index: 					1;
	background-color: 			#FFF;
	padding-left: 				10px;
	padding-right: 				10px;
	padding-bottom: 			10px;
	border: 					0px solid #F00;
}
#sidhuvud {
	float: 						left;
	padding-top: 				2px;
	z-index: 					3;
	background-color: 			#FFF;
	width: 						1000px;
	min-height: 				100px;
	border: 					0px dotted #000; 
}
#RightColumn {
	float: 						right;
	margin-top: 				5px;
	margin-right:				2px;
	width: 						800px;
	min-height: 800px;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	z-index: 99;
	font-color: #000;
	background-color: #FFF;
	border: 0px dotted #00F;
}
#RightLogo {
	float: left;
	margin-top: 0px;
}
#LeftLogo {
	float: left;
	margin-top: 0px;
}
#content {
	float: left;
	width: 800px;
	min-height: 800px;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	z-index: 99;
	font-color: #000;
	background-color: #FFF;
	border: 				0px dotted #F00;
}
#FadeGrey {
	float: 						left;
	background:					url(../img/fading_grey.png) no-repeat;
	border: 					0px dotted #000;
	width: 						800px;
/*	height: 					10px;*/
	height: 					20px;
	padding-top:				5px;
	padding-right:				15px;
	
	margin-top:					6px;
	overflow:					hidden;
}
#LeftColumn {
	float: 						left;
	margin-top: 				5px;
	left:						10px;
	border: 					0px solid #3F0;
	margin-bottom:				10px;
	width: 						210px;
	min-height: 				630px;
}
#LeftBoxNoDadding {
	float:left;
	left:10px;
	/*	border: 1px solid #CCC; */
	width: 210px;/*	background-color: CCC; */
}
#LeftBox {
	float:left;
	margin-top: 0px;
	padding: 10px;
	left:0px;
	/*	border: 1px solid #CCC;*/
	width: 190px;
	background-color: #CCC;
}
#LeftBox2 {
	float:left;
	margin-top: 0px;
	padding: 10px;
	left:0px;
	/*	border: 1px solid #CCC;*/
	width: 190px;
	height: 			242px;
	background-color: #CCC;
	border: 				0px solid #F0F;
}
#LeftBoxNoFrame {
	float:left;
	margin-top: 0px;
	padding: 10px;
	left:0px;
	width: 190px;
	background-color: #CCC;
}
#sidfot {
	float: 					left;
	width: 					1020px;
	margin-top:				10px;
	margin-bottom:			10px;
	padding:				10px;
	border:					0px solid #0F0;
	padding-left:			10px;
	z-index: 				2;
	overflow:				hidden;
	background:				#FFF;	
}
#SidfotContent {
	float: 					left;
	width: 					1000px;
	min-height: 			135px;
	border:					0px solid #F00;
	padding:				10px;
	font-color: 			#000;
	padding-left:			5px;
	z-index: 				2;
	background:				url(../img/fading_grey_footer.png);
	background-repeat:		repeat-x;
}
#SidfotBox1 {
	float:							left;
	border:							0px solid #0FF;
	min-height:						100px;
	width:							183px;
	padding:						10px;
	color:							#8b8a8a;
	line-height:					18px;
	
}
#SidfotBox {
	float:							left;
	border-left:					1px solid #bebebe;
	min-height:						100px;
	width:							178px;
	padding:						10px;
	color:							#8b8a8a;
	line-height:					18px;
}


/******* START Huvudmeny ********************/

#MainMenu {
	float:right;
	/*	margin-top:120px; */
	margin-top: 0px;
	margin-bottom: 10px;
	width: 800px;
	height: 20px;
	border: 1px dotted #0F0;
	background-color:#2c2724;
}
#webpage_main_menu ul {
	margin-top: 			1px;
	margin-bottom:			0px;
	padding: 0;
	float: left;
	width: 800px;
	background: #2c2724;
	/*	line-height: 1.0em;*/
	font: 110% Arial, verdana, sans-serif;
}
#webpage_main_menu li {
	display: inline;
}
#webpage_main_menu ul a {
	float: left;
	text-decoration: none;
	text-transform:uppercase;
	padding: 5px 10px 4px 10px;
	border: 0px solid #0F0;
}
/* avstånd, över. till vänster */
#webpage_main_menu a:link {
	color: #FFF;
}
#webpage_main_menu a:visited {
	color: #FFF;
}
#webpage_main_menu a:hover {
	/*		border: 1px solid #000000;
background: #000; */
	text-decoration: underline;
}
#webpage_main_menu a#current {
	/*	background: #000; */
	color: #FFF;
	text-decoration: underline;
}
/******* SLUT Huvudmeny ********************/

/* webshopen ******************************/
#tips_vid_produkt {
	float: 							right;
	margin-right: 					10px;
	margin-top: 					10px;
	margin-bottom:					10px;
	padding:						10px;
	border: 						2px solid #CCC;
	width: 							410px;
	min-height:						40px;/*	background: #CCC; */
	
}
.tips_vid_produkt {
	text-align:						left;
	width: 							405px;
	height:							15px;
	border: 						0px solid #000;
	background:						url(../img/pdf2.jpg);
	background-repeat:				no-repeat;
	background-position:			left;
	padding-left:					30px;
	padding-top:					10px;
	vertical-align: 				bottom;
}
/* header quick search ********************/
#quick-search {
	position: relative;
	right: 0;
	padding: 0;
	margin: 0;
	border: none;
	width: 160px;
	height: 33px;
	background: #F5F4F3 url(../img/header-search.gif) no-repeat;
	z-index: 999999;
}
#quick-search p {
	margin: 0;
	padding: 0;
}
#quick-search input {
	border: none;
	background: transparent;
	color: #bababa;
	float: left;
	margin: 0;
	padding: 5px;
}
#quick-search .tbox {
	margin: 3px 0 0 3px;
	width: 140px;
	display: inline;
}
#search form#quick-search .btn {
	width: 5px;
	height: 5px;
}
#quick-search label {
	display: none;
}
/************* NYA Sök insp av MAC *********************/
#searchfield {
	padding-top: 			5px;
	
}

#search {
/*	position: absolute;
	top: 150px;
	left: 830px;*/
	float:					left;
	height: 				28px;
	width: 					200px;
	padding-left: 			20px;
	background: 			url(../img/search.png) no-repeat;
	background-position:	left;
	background-repeat: 		no-repeat;
	border: 				1px sold #000;
}
.search {
	width: 111px;
	FONT-SIZE: 12px;
	height: 15px;
	border: 1px solid #FFF;
	padding-top: 3px;
}





/******* start av sidomeny för produkter huvudgrupp 0 ********************/

#LeftMenu {
	/*background-image:url(../images/bgmeny.jpg);
	background-image:url(../images/9.jpg);*/
	width: 210px;

	margin-top: 5px;
	text-align: left;
	font-size: 120%;
	height: 420px;
	/*	font-weight: bold; */
	text-decoration: none;
	background: #CCC;

}
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs {
	/*	border-bottom: 1px solid #7f7c7c; */
	width: 					210px; /* ändra till samma bredd som fullcontent + 1px*/
	/* width: 100%; width of menu. Uncomment to change to a specific width */
	margin-bottom:			 2px;
	background-color:		#2c2724;
	color: 					#FFF;
}
.shadetabs ul {
	padding: 6px 0 4px 0; /* top  -right - bottom - left*/
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 4px;
	font: normal 12px Arial;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li {
	display: inline;
	margin: 0;
}
.shadetabs li a {
	text-decoration: none;
	padding: 6px 18px 4px 18px;
	margin-right: 2px;
	text-transform:uppercase;
	color: #FFF;
	/*	border-top: 1px solid #7f7c7c;
	border-left: 1px solid #7f7c7c;
	border-right: 1px solid #7f7c7c;
*/	color: #FFF;/*	background: white url(../img/shade.png) top left repeat-x;*/
}
/*.shadetabs li a:visited {
	color: #FFF;
}*/
.shadetabs li a:hover {
	text-decoration: underline;/*	color: #FFF; */
}
.shadetabs li.selected {
	position: relative;
	color: #000;
	top: 1px;
}
.shadetabs li.selected a { /*selected main tab style */
	background-image: url(../img/shadeactive.gif);
	/*color: 2c2724; */
	color: #2c2724;
	border-bottom-color: #CCC;
}
.shadetabs li.selected a:hover { /*selected main tab style */
	text-decoration: none;
	color: #FFF;
}
/** bildgalleri picachoos 1 webshop ************************************/
/* These hieghts and widths should be edited to your images */	

	
/* These hieghts and widths should be edited to your images */	
ul.pikachoose {
	margin:					0 auto;
	width:					760px;
	border:  				0px solid #00F;
}

.pikachoose li {
	
	margin: 				0px 0px 0px 2px;
	border:					0px solid #CCC;
}
/* thats all you NEED to edit. But continue if you'd like. */
ul.pikachoose li img {
	position:				relative;
	cursor:					pointer;
	display:				none;
}
.main_pika img {
	border:					0px solid #00F;
	height:					300px;
	overflow:				hidden;
}
.main_pika {
	position:				relative;
	margin:					0 auto;
	border:					0px solid #0F0;
	overflow:				hidden;
	width:					800px;
	height:					330px;
	text-align:				center;
}
.pikachoose li {
	float:left;
	
/*	position:relative;*/
	overflow:				hidden;
	list-style:				none;
}
.pika_play {
	position:				absolute;
	top:					0px;
	right:					0px;
}
.pika_play a {
	position:				relative;
	margin-left:			auto;
	cursor:pointer;
}
.pika_play img {
	border:none !important;
}
.pika_caption {
	width:100%;
	height:30px;
	text-align:center;
}
.pika_nav a {
	font-size: 12px;
	color:black;
	text-decoration: none;
}
.pika_nav a:hover {
	text-decoration: underline;
}
.pika_nav {
	padding-top:10px;
	clear:both;
	text-align:center;
}
.pika_link {
	cursor:pointer;
}

/***** box för inne / utemiljö på startsidan *************/
#mask {
  position:						absolute;
  left:							0;
  top:							0;
  z-index:						9000;
  background-color:				#000;
  display:						none;
}  
#boxes .window {
 	position: 					absolute;
	left: 						150px;
	top:						200px;
  	width:						640px;
  	height:						300px;
  	display:					none;
  	z-index:					9999;
  	padding:					20px;
  	border:						0px solid #0F0;
}
#boxes #dialog {
 	position: 					absolute;
	left: 						150px;
	top:						200px;
	width:						640px; 
  	height:						303px;
  	padding:					10px;
  	background-color:			#FFF;
    border:						0px solid #F00;
}
.introBox {
	
	color: 						#efefef;
	background-color: 			#efefef;
	height: 					2px;	
	border:						none;	
	width:							86%
	
}
/*******************************************************/
/***                bildgalleri startsidan med pluppar          ***/
/******************************************************/
#container {
	width:							780px;
	height: 							410px;
	padding-left:					10px;
	padding-right: 				10px;
	padding-top: 					0px;
	padding-bottom: 			0px;
	margin:							0 auto;
	position:						relative;
	z-index:							0;
	border:			 				0px dotted #000;
}

#example {
	width:						790px;
	height: 						390px;
	position:					relative;
	border: 						0px dotted #F0F;
}

#ribbon {
	position:absolute;
	top:					0px;
	left:					-10px;
	z-index:				500;
}

#frame {
	position:absolute;
	z-index:0;
	width:			800px;
	height:			430px;
	top: 0px;
	left: -10px;
	background: 		url(../img/background2.png);
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:						8px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:					760px;
	height: 					350px;
	border: 					0px solid #0F0;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:760px;
	height:370px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:167px;
	left:	-22px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:767px;
}

/*
	Pagination
*/

.pagination {
	margin:				26px auto 0;
	width:				130px;
	border: 				0px solid #F0F;

}

.pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
		text-align: center;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}