/* 
----------------------------------------
Default resets
----------------------------------------
*/

html, body{margin: 0;padding: 0;}
img{border: none;}
a:active, a:focus{outline: none;}
.clearer{clear: both;}
.site-header{display: none;}
.site-footer{display: none;}
.login-status{display: block;}
.admin-panel{display: block;}
body{
	text-align: center; /* For IE5 and below */
	font: 11px/16px "Arial", Helvetica, sans-serif;
	color: #6f6f6f;
}
.tw-li-hideTwBar{display: none;}
.tw-li-showTwBar{display: none;}
.mainSlideShow input{display: none;}
.clearer{clear: both;}

ul.tw-menuLevel1, ul.tw-menuLevel2, ul.tw-menuLevel3, #header-nav, .tw-menuLevel2 ul{list-style: none; margin: 0; padding: 0;}
/* 
----------------------------------------
Main structure
----------------------------------------
*/

.body-container
{
	background: #fff url('../client/images/body.gif') top repeat-x;	
}
	.wrapper
	{
		width: 939px;	
		margin: 0px auto;
		text-align: left;
	}
		.header
		{
			height: 118px;
			position: relative;	
		}
			.img-pay-off
			{
				
				position: absolute;
				top: 60px;
				left: 130px;	
			}
		
		.content
		{
			margin-top: 15px;	
			overflow: hidden;
			background: url('../client/images/content.gif') repeat-y;
		}
			.frontpage-blurbs, .sub-main-page {background: none;}
			#sub-nav
			{
				float: left;
				width: 115px;	
				margin-right: 20px;
			}
			
			.main
			{
				/*background: url('../client/images/main.jpg') bottom repeat-x;*/
				width: 632px;
				float: left;
				min-height: 300px;
				height: auto !important;
				height: 300px;
			}
				.main .inner{padding: 0 10px 10px 10px;}
				
				.sub-main-page .main{width: 804px;}
				
			.sidebar
			{
				width: 153px;
				float: right;
				margin-left: 10px;
			}
		
		
		.footer
		{
			text-align: center;	
			margin-top: 15px;
			background: url('../client/images/footer.gif') top repeat-x; 
			padding-top: 12px;
			font-size: 10px;
			color: #bcbcbc;
		}

/*
----------------------------------------
Headers
----------------------------------------
*/

h1, h2, h3, h4, h5
{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2c2d25;
}
h1
{
	margin: 5px 0 5px 0;
	font-size: 50px;
	line-height: 54px;
	padding: 0;
}
h2
{
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 17px;
}
h3
{
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 15px;
}
h4
{
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 14px;
}

/*
----------------------------------------
Header / Main menu / Logo
----------------------------------------
*/
img.logo
{
	position: absolute;
	top: 17px;
	left: 23px;
	width: 96px;
	height: 95px;
}
#header-nav
{
	float: right;
	margin: 60px 0 0 0;
}
	#header-nav li{float: left; margin-left: 10px;}
	#header-nav li a
	{
		text-transform: uppercase;
		color: #fff;	
		font-size: 10px;
		text-decoration: none;
		font-family: Trebuchet MS;
	}

#nav
{
	position: absolute;	
	top: 92px;
	left: 120px;
	width: 820px;
	height: 24px;
	background: url('../client/images/menu/bg.jpg');	
}
	.tw-menuLevel1 li
	{
		float: left;
		height: 24px;
		background: url('../client/images/menu/divider.jpg') right no-repeat;
		
	}
	.tw-menuLevel1 li.first {margin-left: 20px;}
	.tw-menuLevel1 li.last {background: none;}
		
		.tw-menuLevel1 li a
		{
			color: #46a1c7;	
			text-transform: uppercase;
			text-decoration: none;
			display: block;
			padding: 4px 13px;
			margin-right: 6px;
			font-size: 10px;
		}
		.tw-menuLevel1 li.active a{background: #fff;}
		.tw-menuLevel1 li a:hover{color: #33687e;}
		.tw-menuLevel1 li.last a{padding-right: 0; margin-right: 0;}
		.tw-menuLevel1 li.last a.active{padding-right: 13px;}
		
/* product-master  */
.product-master .tw-menuLevel1 li#pageId-170 a{background: #fff;}

/*last*/
.product-master .tw-menuLevel1 li#pageId-246 a{padding-right: 0; margin-right: 0;}	
.product-master .tw-menuLevel1 li#pageId-246{background:none;}

/*first*/
.product-master .tw-menuLevel1 li#pageId-3 a{margin-left: 20px;}	
	
/*
----------------------------------------
Sub navigation
----------------------------------------
*/

.tw-rootName
{
	display: block;
	font-size: 12px;
	color: #9d9d9d;
	margin-bottom: 5px;
}

.tw-menuLevel2
{
	width: 115px;
	white-space: normal;
}
	.tw-menuLevel2 li
	{
		border-bottom: 1px #dedfd9 solid;	
	}
	.tw-menuLevel2 li a
	{
		display: block;
		text-decoration: none;
		color: #4b4b4d;
		padding: 5px 0;
	}
	.tw-menuLevel2 li a.active, .tw-menuLevel2 li a:hover
	{
		color: #999;	
	}
	
	
/* product-master  */
.product-master .tw-menuLevel2 li#pageId-184 a{color: #000;}	
	
	/* level 3 */
	.tw-menuLevel2 ul{margin: 0 0 0 0px;}
		.tw-menuLevel2 ul li{border: none;}
		.tw-menuLevel2 ul li.last{padding-bottom: 5px;}
			.tw-menuLevel2 ul li a
			{
				padding: 2px 0 2px 10px;	
				color: #6e6e71;
				background: url('../client/images/menu/level-3.gif') left no-repeat;
			}
			
.tw-menuLevel3 li a:hover{color: #999 !important;}
.tw-menuLevel3 li a{color: #666 !important;}
	
/*
----------------------------------------
TW Areas
----------------------------------------
*/


/* Template: default */

.defaultMain{width: 612px;}
.defaultLeft, .defaultRight
{
	width: 306px;
	float: left;
}
.defaultRight{float: left;}
.defaultBottom
{
	clear: both;
	width: 612px;
}
.defaultSidebar
{
	width: 153px;
}

/* Template: Startpage with blurbs */

.frontpage-blurbs .defaultMain{width: 939px; margin-bottom: 15px;}

.defaultBlurb1, .defaultBlurb2, .defaultBlurb3, .defaultBlurb4, .defaultBlurb5
{
	width: 171px;
	float: left;
	margin-right: 21px;
}
.defaultBlurb5{margin-right: 0;}

/* New startpage areas 2011-08-09 */
.startLeft {width: 327px; float: left;}
.startRight {width: 612px; float: right;}

/* Template: Startpage with sub nav */

.sub-main-page .defaultMain{width: 804px; margin-bottom: 15px;}
.sub-main-page .defaultLeft{width: 402px;}
.sub-main-page .defaultRight{width: 402px;}
.sub-main-page .defaultBottom{width: 804px;}

/*
----------------------------------------
Box
----------------------------------------
*/

.tw-box
{
	color: #6f6f6f;	
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
	.tw-box h2{font-size: 17px;}
	.tw-box img{margin-top: 30px;}
	 .box-inner
	 {
		padding: 5px 10px;
		text-align: center;	
	 }

/* Blurbs */

.box-grey{background: url('../client/images/box/grey-bg.jpg') top repeat-x;}
.box-green{background: url('../client/images/box/green-bg.jpg') top repeat-x;}
.box-blue{background: url('../client/images/box/blue-bg.jpg') top repeat-x;}
.box-brown{background: url('../client/images/box/brown.jpg') top repeat-x;}
.box-pink{background: url('../client/images/box/pink-bg.jpg') top repeat-x;}
.box-grey a, .box-green a, .box-blue a, .box-brown a, .box-pink a{color: #6f6f6f;}
.box-grey a:hover, .box-green a:hover, .box-blue a:hover, .box-brown a:hover, .box-pink a:hover {color: #6f6f6f;}
.box-grey img, .box-green img, .box-blue img, .box-brown img, .box-pink img{width: 128px;}
/* Large/Medium */

.box-large a, .box-medium a, .box-right-gradient a
{
	color: #46a1c7;
	font-weight: bold;
	text-decoration: none;
}
	.box-large .box-inner, .box-medium .box-inner, .box-right-gradient .box-inner
	{
		text-align: left;
		padding-bottom: 30px;	
	}
	.box-right-gradient .box-inner{padding-right: 30px;}

/* Large */
.box-large
{
	width: 939px;
	background: url('../client/images/box/box-gradient.jpg') bottom repeat-x;
}
/* Medium */

.box-medium
{
	width: 804px;
	background: url('../client/images/box/box-gradient.jpg') bottom repeat-x;
}

/* Gradient right */

.box-right-gradient
{
	background: url('../client/images/box/gradient-right.jpg') right no-repeat;
	width: 939px;
	min-height: 254px;
	height: auto !important;
	height: 254px;
}

.box-right-gradient-new
{
	background: url('../client/images/box/gradient-right-new.jpg') repeat-y;
	width: 612px;
	min-height: 254px;
	height: auto !important;
	height: 254px;
}

.box-right-gradient-new .box-inner {text-align: left;}

/*
----------------------------------------
LINKS
----------------------------------------
*/

a{color: #004e98; text-decoration: none;}
a:hover{color: #01417d;}



/*
----------------------------------------
Products
----------------------------------------
*/

li.pageId-184 ul{display: none;}

.td-editDeleteBtn{white-space: nowrap;}
.tw-ctrlProduct{overflow: hidden;}
.productList, .product-detail{clear: none;}

.product-nav .input-text
{
	font-size: 11px;
	width: 180px;
	padding: 3px;	
}
	.productSearch .tw-btn-neutral
	{
		padding: 5px; 
		text-transform: uppercase; 
		background: #7bcbee; 
		color: #fff !important; 
		text-shadow: 0 0 #fff;
		border-bottom: 1px solid #64a4c0; 
		border-right: 1px solid #64a4c0; 
		border-top: 1px solid #82cef0; 
		border-left: 1px solid #82cef0; 
		font-weight: bold;
		width: auto;
	}
	.productSearch .tw-btn-neutral:hover
	{
		color: #fff !important;
		border-bottom: 1px solid #64a4c0; 
		border-right: 1px solid #64a4c0; 
		border-top: 1px solid #82cef0; 
		border-left: 1px solid #82cef0; 
		-moz-box-shadow: 0px 0px 0px #ccc;
		-webkit-box-shadow: 0px 0px 0px #ccc;
		box-shadow: 0px 0px 0px #ccc;
	}
	

.productSearch
{
	border-bottom: 1px #e6e6e6 solid;	
	margin-bottom: 10px;
}
.product-nav
{
	float: left;
	width: 190px;
}
.product-nav h2{font-size: 40px; margin-top: 0; padding: 0 0 0 5px;}

	.product-nav ul li
	{
		float: none;
		border: none;
		margin: 0;	
		padding: 0;
		height: auto;
	}
	.product-nav ul li.first{margin: 0;}
		.product-nav ul li a
		{
			padding: 1px 0;	
			text-transform: none;
			color: #333;
			font-weight: bold;
		}
		.product-nav ul ul{margin-left: 10px; list-style: none; padding: 0;}
		.product-nav ul ul a{font-weight: normal; padding: 0;}
.product-detail
{
	float: right;
	width: 555px;
	padding: 0 20px;
	border-left: 1px #e6e6e6 solid;

}

.print-link a
{
	display: block;
	background: url('../client/images/print-icon.jpg') no-repeat;
	padding: 0 0 2px 22px;
}	
	
.product-detail-header
{
	border-bottom: 1px #e6e6e6 solid;
	overflow: hidden;
	padding-bottom: 5px;	
}

.productList table
{
	width: 100%;
	border-collapse: collapse;
}


.productPath
{
	float: right;
	margin: 0 -6px 0 0;
	padding: 0;
	list-style: none;
}
	.productPath li{float: left; padding: 0 6px 0 8px; background: url('../client/images/bread-divider.jpg') left no-repeat;}
	.productPath li.first{background: none;}
	.urlPathItemcommon{display: none;}
	.productPath li a{color: #666;}
	.productPath li.active a, .productPath li.activecommon a, .productPath li.activecategory a{color: #004e98;}
	
	td.attributes{text-align: center;}

.productList tr.odd-row{background: #f4f4f2;}
.productList table th{text-align: left; font-size: 11px; color: #666;}
th.listHeader{display: none;}


.product-data-wrapper{overflow: hidden;}

.product-data
{
	float: left;
	width: 345px;
}
	.product-data ul, .productList ul
	{
		margin: 0;
		padding: 0;
		list-style: none;	
	}
	.product-data ul li span, .productList ul li span
	{
		text-indent: -9999px;
		display: block;
	}
		.product-data ul{margin: 5px 0 10px 0; overflow: hidden;}
		.product-data li{float: left; padding-right: 10px;}
		.product-data li.Glutenfri, .product-data li.Laktosfri, .product-data li.Vegetarisk{padding-top: 8px;}
		.productList li
		{
			padding: 5px 0;	
			text-align: center;
		}
		
		.productList img{margin-top: 10px;}
	
	.product-data table
	{
		border-collapse: collapse;	
	}
	.product-data a{white-space: nowrap;}
	
	.product-data th, .product-data td
	{
		padding: 3px;	
	}
	.product-data th
	{
		padding-left: 0;
		color: #999;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		vertical-align: top;	
	}
	td.attributes{padding-left: 0;}

.product-image
{
	width: 171px;
	float: left;
	margin: 10px 0 0 37px;
	text-align: right;
}
	.related-products
	{
		border: 1px #e6e6e6 solid;
		padding: 10px;
		margin: 10px 0 0 0;
	}
		.related-products legend{color: #999;}

.product-footer
{
	margin: 10px 0;
	padding: 10px 0;	
	border-bottom: 1px #e6e6e6 solid;
	border-top: 1px #e6e6e6 solid;
	font-style: italic;
}
/*
li.krav span
{
	width: 39px;
	height: 25px;	
	background: url('../client/images/attributes/logo-krav.png') no-repeat;
}
li.nyckelhal span
{
	width: 24px;
	height: 25px;	
	background: url('../client/images/attributes/logo-nyckelhal.png') no-repeat;	
}
li.laktosfri span
{
	width: 41px;
	height: 8px;
	background: url('../client/images/attributes/logo-laktosfri.png') no-repeat;	
}
li.vegetarisk span
{
	width: 50px;
	height: 8px;	
	background: url('../client/images/attributes/logo-vegatrisk.png') no-repeat;	
}
li.glutenfri span
{
	width: 40px;
	height: 8px;	
	background: url('../client/images/attributes/logo-glutenfri.png') no-repeat;	
}
li.rattvisemarkt span
{
	width: 17px;
	height: 25px;	
	background: url('../client/images/attributes/logo-rattvisemarkt.png') no-repeat;	
}
*/
.related-objects ul{margin: 0; padding: 0; float: none; list-style: none; text-align: left;}

/*

*/
.tw-ctrlForm th,.tw-ctrlForm td
{
	text-align: left;
	padding: 3px;
	font-size: 11px;	
}
.tw-ctrlForm input, .tw-ctrlForm textarea
{
	border: 1px #afabaa solid;
	background: #fff;	
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
	width:150px;
}
.tw-ctrlForm textarea{height: 100px;}
.tw-ctrlForm input.tw-form-submit
{
		padding: 5px; 
		text-transform: uppercase; 
		background: #7bcbee; 
		color: #fff; 
		border-bottom: 1px solid #64a4c0; 
		border-right: 1px solid #64a4c0; 
		border-top: 1px solid #82cef0; 
		border-left: 1px solid #82cef0; 
		font-weight: bold;
		width: auto;
		cursor: pointer;
}
#breadcrumbs{text-align: right; clear: both; overflow: hidden;}
#breadcrumbs ul{margin: 10px 0 0 0; padding: 0; list-style: none; text-align: right; float: right;}
#breadcrumbs li{float: left; padding-left: 10px;}
#breadcrumbs a{color: #999;}
#breadcrumbs li.active a{color: #004e98;}

.form-answer ul{margin: 0; padding: 0; list-style: none;}
.form-answer {overflow: scroll;}
.form-answer td{white-space: wrap;}

.admin-table span {font-weight: bold;}

/* IN ENGLISH PAGE */
.pageId-1021 .content, .pageId-1022 .content { background: url("../client/images/content-in-english.gif") repeat-y scroll 0 0 transparent;}
.pageId-1021 .defaultMain, .pageId-1022 .defaultMain { width: 550px;}
.pageId-1021 .defaultSidebar, .pageId-1021 .sidebar, .pageId-1022 .defaultSidebar, .pageId-1022 .sidebar  { width: 200px;}


.pageId-1021 .sidebar h2, .pageId-1022 .sidebar h2 { color: #d43606; font-size: 17px; }
.pageId-1021 .main h2, .pageId-1022 .main h2 { color: #00489d; font-size: 17px; }
.pageId-1021 .footer, .pageId-1022 .footer { height: 100px; padding: 20px 0 0 10px;}
.pageId-1021 .footer .sthlm, .pageId-1021 .footer .gbg, .pageId-1022 .footer .malmo, .pageId-1022 .footer .sthlm, .pageId-1022 .footer .gbg, .pageId-1022 .footer .malmo { float: left; text-align: left; margin: 0 60px 0 0; color:#6F6F6F; }
.lang-flag { float: right; margin: 60px 0 0 20px; }
.pageId-1021 h1 sup, .pageId-1022 h1 sup {font-size: 20px;}
.pageId-1021 h2 sup, .pageId-1022 h2 sup {font-size: 12px;}
.pageId-1021 sup, .pageId-1022 sup {font-size: 7px;}