/* CSS Document */

form.searchform{margin:0px; padding:0px;}
form.searchform input.field{width:90px; font-size:10px; margin-left:10px; border:1px solid #cccccc;}
form.searchform input.button{width:30px; font-size:10px; border:none; background-color:#ffffff; cursor:hand; color:#666666;}

body{
	margin:10px;
	background: #cccccc url(../img/body_gb_tile.jpg) repeat-x;
	font-family:"Trebuchet MS", Verdana;
	line-height:120%;
}

table{
	font-family:"Trebuchet MS", Verdana;
	color: #666666;
	font-size: 12px;	
	line-height: 140%;
}
table tr{
	vertical-align: top;
}
table th, table thead{
	background: #CCCCCC;
	color: #333333;
	font-weight: bold;
	vertical-align: top;
}
div#outer_container{position:relative; width:1000px; margin:0 auto; padding:0px;}
div#container{
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:0px;
	border:1px solid #000000;
	background:#ffffff;
	padding-bottom:5px;
}

div#top{
	position:relative;
	width:1000px;
	height:99px;
	background:#000000;
	background:url(../img/top.jpg) no-repeat top left;
	margin:0;
	padding:0px;
}
	div#top div#flags{
		position:absolute;
		right: 5px;
		bottom: 5px;
	}
	
	div#top div#slogan{
		position:absolute;
		left: 20px;
		bottom: 10px;
	}
	div#top div#logo{
		position:absolute;
		left: 572px;
		bottom: 6px;
	}
	div#top div#logo img{
		border: none;		
	}	
	div#top div#slogan h1{color:#005BB7; font-size:18px; font-family: Arial, Helvetica, sans-serif; margin:0px;}
	
	div#top div#flags img{border:1px solid #999999;; margin:0px; margin-left:4px; float:right;}
	div#top div#flags img.active{border:1px solid #ffffff;}

div.paddingleft50{
	margin:0px;
	padding:0px;
	padding-left:50px;
}

div#startpageleft{
	position:relative;
	float:left;
	width:387px;
	margin:0px;
	padding-top:20px;
}

	div#startpageleft img{ margin:10px;}
	div#startpageleft h1{ font-family:"Trebuchet MS", Verdana; font-size:24px; color:#666666; margin-bottom:10px;}
	div#startpageleft h2{ font-family:"Trebuchet MS", Verdana; font-size:16px; color:#666666; margin-top:0px; margin-bottom:10px;}
	div#startpageleft p{ font-family:"Trebuchet MS", Verdana; font-size:11px; color:#666666; margin-top:0px; margin-bottom:20px;}

div#startpageright{
	position:absolute;
	width:340px;
	height:400px;	
	margin:0px;
	padding:0px;
	bottom:0px;
	right:0px;
	background:url(../img/startimagelarge.jpg);
}

div#menu{
	height:30px;
	width:1000px;
	margin:0;
	padding:0px;
	background: url(../img/bg_menu.jpg) no-repeat top left;
	font-size:14px;

}
 div#menu ul      		{ margin: 0; padding: 0; margin-left:20px;}
 div#menu li      		{ float: left; list-style: none; margin-right:10px; padding-top:5px; }
 div#menu li a			{ color: #000000; text-decoration: none; padding-left:10px; background:url(../img/li_bullet_black.gif) no-repeat 0px 6px; font-weight:bold;}
 div#menu li a.active   { background:url(../img/li_bullet_purple.gif) no-repeat 0px 6px; color:#005BB7;}
 div#menu li a:hover    { color:#005BB7; text-decoration: underline; }
 
div#content{
	padding-left:33px;
	padding-top:20px;
	padding-bottom:20px;
}

div#left{
	position:relative;
	width:157px;
	margin:0px;
	padding:0px;
	float:left;
}
	div#prodmenu{
		font-size:11px;
	}

/*	div#prodmenu ul      		{ margin:0px; padding:0px; margin-left:5px;}
	div#prodmenu li      		{ padding:0px; list-style: none; color:#666666; line-height:1.4em; margin-left:5px;}
	div#prodmenu li a			{ text-decoration:none; padding-left:10px; }
	div#prodmenu li.active a    { color: #8F4828; background:url(../img/li_bullet_brown.gif) no-repeat 0px 6px; font-weight:bold;}
	div#prodmenu li.inactive a  { color: #666666; background:url(../img/li_bullet.gif) no-repeat 0px 6px; font-weight:normal;}
	div#prodmenu li a:hover    	{ color: #333333; text-decoration: underline; }
*/	 
	div#left h2				{width:100%; height:21px; background: url(../img/bg_h_tile.jpg) repeat-x; font-size:11px; font-weight:normal; text-indent:10px; color: #666666; padding:0px; margin:0px; padding-top: 1px; margin-bottom: 10px;}

div#middle{
	position:relative;
	width:530px;
	margin:0px;
	padding:0px;
	padding-left:15px;
	margin-left:37px;
	1margin-right:37px;
	border:1px solid #cccccc;
	float:left;
	overflow:hidden;
}

	div#middle h1{font-size:18px; margin-top:0px; margin-bottom:10px; color: #666666;}
	div#middle h2{font-size:16px; margin-top:0px; margin-bottom:10px; color: #666666;}
	div#middle .positive h2{color: green;}
	div#middle .negative h2{color: red;}
	div#middle h4{font-size:14px; margin-top:0px; margin-bottom:10px; color: #666666;}
	div#middle p{font-size:12px; margin-top:0px; margin-bottom:10px; color: #666666;}
	
	div#middle div#images{ float:right; width:204px; margin:0; margin-left: 20px; margin-bottom: 40px; }
	div#middle div#images div#main_image{ padding:2px; border:1px solid #CCCCCC;}
	div#middle div#images div#main_image img{margin:0px; border:none; width:200px; /*height:200px;*/}
	div#middle div#images div.thumbs{ margin-top:2px;}
	div#middle div#images div.thumbs img{margin-left:2px; margin-right:2px; margin-bottom:2px; margin-top:2px; float:right; border:1px solid #CCCCCC; padding:1px; width:30px; height:30px;}
	/*div#middle div#description {width:270px; float:left;}*/
	div#middle div#description {float:left; width: 100%; }

	div#middle form.intresseform{font-size:11px; font-weight:normal; color:#c1c1c1;}
	div#middle form.intresseform input.field{font-size:11px; margin-right:5px; width:150px; font-family:"Trebuchet MS", Verdana; color:#c1c1c1; border: 1px solid #c1c1c1;}
	div#middle form.intresseform input.email{font-size:11px; margin-right:5px; width:150px; font-family:"Trebuchet MS", Verdana; color:#c1c1c1; border: 1px solid #c1c1c1;}
	div#middle form.intresseform input.required{font-size:11px; margin-right:5px; width:150px; font-family:"Trebuchet MS", Verdana; color:#c1c1c1; border: 1px solid #c1c1c1;}
	div#middle form.intresseform input.not_required{font-size:11px; margin-right:5px; width:150px; font-family:"Trebuchet MS", Verdana; color:#c1c1c1; border: 1px solid #c1c1c1;}
	div#middle form.intresseform input.btn{font-size:11px; font-family:"Trebuchet MS", Verdana; color:#999999; border: 1px solid #c1c1c1; background-color:#ffffff;}
	div#middle form.intresseform textarea{font-size:11px; width:200px; height:62px; font-family:"Trebuchet MS", Verdana; color:#c1c1c1; border: 1px solid #c1c1c1; margin:0px;}
	
	
	div#middle form.bestallform{font-size:11px; font-weight:normal; color:#333333;}
	div#middle form.bestallform th{text-align:left;}
	div#middle form.bestallform input.field{font-size:11px; margin-right:5px; width:175px; font-family:"Trebuchet MS", Verdana;}
	div#middle form.bestallform input.email{font-size:11px; margin-right:5px; width:175px; font-family:"Trebuchet MS", Verdana;}
	div#middle form.bestallform input.required{font-size:11px; margin-right:5px; width:175px; font-family:"Trebuchet MS", Verdana;}
	div#middle form.bestallform input.btn{font-size:11px; font-family:"Trebuchet MS", Verdana; color:#999999;}
	div#middle form.bestallform textarea{font-size:11px; width:175px; height:62px; font-family:"Trebuchet MS", Verdana;}
	
	div#middle div#orderdiv{padding-top:10px; padding-bottom:10px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-top:10px;}
	div#middle div#orderdiv strong{color:#000000; font-size:14px;}

div#right{
	position:relative;
	width:145px;
	margin:0px;
	padding:0px;
	padding-right:32px;
	float:right;
}
	div#right h2				{width:100%; height:21px; background: url(../img/bg_h_tile.jpg) repeat-x; font-size:11px; font-weight:normal; text-indent:10px; color: #666666; padding:0px; margin:0px; padding-top: 1px; margin-bottom: 10px;}
	div#right p					{font-size: 11px; margin-left:5px; margin-right:5px; margin-top:0px; margin-bottom:0px; color:#666666;}
	div#right p strong			{color:#000000;}

div.break{
	clear:both;
}
 
div#footer{
	position:relative;
	width:1000px;
	height:27px;
	margin:0 auto;
	padding:0px;
	margin-top:6px;
/*	background-color:#000000;
	border:1px solid #000000;
*/	color: #666666;
	text-align:left;
	font-size:12px;
}

	div#footer p{
		margin:0px;
		margin-left:8px;
	}
	
	div#footer div#info{
		position:absolute;
		right:10px;
		top:10px;
		
	}
	
	div#footer div#info p{
		color:#007B91;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
	}
	
p.wiseweb{
	text-align:right;
	font-size:12px;
	margin-top:3px;
}

p.wiseweb a{
	text-decoration:none;
	color: #666666;
}

div#footer a{
	text-decoration:none;
	color: #666666;
}

div#footer #wiseweb{
	text-align: right;
	margin-top: 5px;
	margin-bottom: 20px;
}

div#left .box{
	position:relative;
	width:155px;
	border: 1px solid #cccccc;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom: 10px;
}

div#right .box{
	position:relative;
	width:143px;
	border: 1px solid #cccccc;
	overflow:hidden;
	padding-bottom:10px;
}

div#buyerterms{	position:relative; display:none; border: 1px solid #333333; width:433px; margin:0 auto; margin-bottom: 10px; }

	div#buyerterms #image{
		position:absolute;
		top:0px;
		right:0px;
	}
	
	div#buyerterms p.close{
		text-align:right;
	}

div#buyerterms #image img{
	border:none;
}


div#middle #orderdiv .box{
	position:relative;
	width:407px;
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
	overflow:hidden;
	padding-bottom:10px;
	margin:4px;
	margin-left:0px;
	float:none;
}

div#middle #orderdiv .dubblebox{
	position:relative;
	width:407px;
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
	overflow:hidden;
	padding-bottom:10px;
	margin:4px;
	margin-left:0px;
	float:left;
}

	div#middle #orderdiv h1{font-size:18px; color:#333333;}
	div#middle #orderdiv h2{width:407px; height:21px; background: url(../img/bg_h_tile.jpg) repeat-x; font-size:11px; font-weight:normal; text-indent:10px; color: #666666; padding:0px; margin:0px; padding-top: 1px; margin-bottom: 10px;}
	div#middle #orderdiv .dubblebox h2{width:407px; height:21px; background: url(../img/bg_h_tile.jpg) repeat-x; font-size:11px; font-weight:normal; text-indent:10px; color: #666666; padding:0px; margin:0px; padding-top: 1px; margin-bottom: 10px;}	
	div#middle #orderdiv p{font-size:12px; padding:4px;  color:#666666;}

div#middle .box{
	position:relative;
	width:435px;
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
	overflow:hidden;
	padding-bottom:10px;
}
	div#middle .box h4				{width:100%; height:21px; background: url(../img/bg_h_tile.jpg) repeat-x; font-size:11px; font-weight:normal; text-indent:10px; color: #666666; padding:0px; margin:0px; padding-top: 1px; margin-bottom: 10px;}


div.padding{
	padding:10px;
	/*padding-right:10px;
	padding-left:20px;
*/
}

div.listElement {
/*	height:295px;
*/	width:227px;
	float:left;
	border:1px solid #CCCCCC;
	margin:0px;
	padding:0px;
	margin-bottom:25px;
	/*margin-left:20px;*/
	margin-right:25px;
	overflow:hidden;

}

div.listElement a{
	text-decoration:none;
	color:#333333;
}

div.listElement a:hover{
	text-decoration:underline;
	color:#333333;
}

div.listElement p{
	margin:0px;
	padding:0px;
}

div.listElement p strong{
	color:#333333;
}


div.listElement h3{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	margin:0px;
	padding:0px;
	margin-top:3px;
}

div.listElement img{
	margin:0px;
	padding:0px;
	margin-top:13px;
	margin-left:13px;
	border:none;
	height:200px;
	width:200px;
}

div#breadcrumb{
	font-size: 11px;
	color: #999999;
	margin-bottom:0px;
	margin-left:10px;
	margin-top:2px;
}

	div#breadcrumb a{ text-decoration:none; color: #999999;}
	div#breadcrumb a:hover{ text-decoration:underline; color: #333333;}



table.article_list{
	font-size:11px;
}
	table.article_list th{text-align:left; color:#000000; background-color:#e5e5e5; border-left: 4px solid #e5e5e5; border-right: 4px solid #e5e5e5;}
	table.article_list td{background-color:#f2f2f2; border-left: 4px solid #f2f2f2; border-right: 4px solid #f2f2f2;}
	table.article_list .desc{width:100px;}
	table.article_list input{font-size:11px;font-family:"Trebuchet MS", Verdana;}
	table.article_list select{font-size:11px;font-family:"Trebuchet MS", Verdana;}


table.cartTable{
	font-size:11px;
}
	table.cartTable th{text-align:left; color:#000000; background-color:#e5e5e5; border-left: 4px solid #e5e5e5; border-right: 4px solid #e5e5e5;}
	table.cartTable td{background-color:#f2f2f2; border-left: 4px solid #f2f2f2; border-right: 4px solid #f2f2f2;}
	table.cartTable th.prodname{width:100px;}
	table.cartTable td.summa{font-weight:bold; text-align:right;}
	table.cartTable th.summa{text-align:right;}
	table.cartTable td.totalsumma{font-weight:bold; font-size:14px;}
	table.cartTable input{font-size:11px;font-family:"Trebuchet MS", Verdana;}
	table.cartTable select{font-size:11px;font-family:"Trebuchet MS", Verdana;}
	table.cartTable input.button{font-size:10px;font-family:"Trebuchet MS", Verdana;}


/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none;}
	ul.mktree  li a{ text-decoration:none; color:#666666;}
	ul.mktree  li a.active     { font-weight:bold; color:#000000;}	 
	ul.mktree  li a:hover{ text-decoration:underline; color:#333333; } 
	/* Control how "spaced out" the tree is */
	ul.mktree				   { margin:0px; padding:0px; margin-left:10px;}
	ul.mktree ul			   { margin:0px; margin-left:10px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px;}
	ul.mktree  li.liBullet   .bullet { padding-left: 15px;}
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../img/minus.gif)  center left no-repeat;  color:#AA2F2E;}
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../img/plus.gif)   center left no-repeat;  color:#AA2F2E;}
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../img/li_bullet_dash.gif) center left no-repeat;  color:#AA2F2E;}
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block;}
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 12px; line-height:14pt;}
	ul.mktree  li ul li { font-size: 12px; line-height:12pt;}
	ul.mktree  li ul li ul li { font-size: 12px; }
	ul.mktree  li ul li ul li ul li { font-size: 12px; }
}
