/* CSS Document */
body{color: #333333; margin:0px; background: url(../img/bg.gif) repeat; font-family:Arial, Verdana; line-height:120%;}
a, a:link, a:active{text-decoration: underline; color: #0099FF;}
a:hover{ color: #0099FF; }

/*NYA*/
input.btn{font-size:11px; font-family:Arial, Verdana; color:#000000; }	
input.btnSubmit{ margin-left: 10px; }
div#outer_container{position:relative; width:814px; margin:0 auto; padding:0px;}
/*---*/

div#skicka_epost div#epostfel p{
	color: #CC0000;
}
span.required{
	color: #CC0000;
}

label{
	font-size:12px;
	font-weight: bold;
}

div#container_tile{position:relative; width:816px; margin:0 auto; padding:0px; }
div#container{ position:relative; width:816px; margin:0 auto; padding:0px; background: url(../img/content_tile.jpg) repeat-y #FFFFFF; }
table{ font-family:Arial, Verdana;	color: #333333	font-size: 12px; line-height: 140%; }
table tr{ vertical-align: top;}
table th, table thead{background: #002D44; color: #FFFFFF;	font-weight: bold;vertical-align: top;}
table td{ font-size: 12px; }

span.total_sum{	border-top: 1px solid #333333; }
.printTable th, .printTable thead{background: #FFFFFF;border-bottom: 1px solid #000000;}
.printTable td{	padding-left: 10px;	padding-right: 10px;padding-bottom: 0px;padding-top: 2px;}
div#top{ position:relative; width:800px; height:170px; background: #3F7591 url(../img/bg_top.jpg) no-repeat; color: #FFFFFF; margin:0px auto; padding:0px; border-top: 1px solid #00476C; }
	/*div#top div#stripe_one{ background: #002D44; height: 12px; width: 800px; }
	div#top div#stripe_two{ background: #00476C; height: 12px; width: 800px; }
	div#top div#stripe_three{ background: #C9E8F8; height: 12px; width: 800px; }*/
	
	div#top div#logo{ position: absolute; top: 70px; left: 30px; background: url(../img/logo.gif) no-repeat; width:183px; height:69px; display: block; cursor: pointer; }
	div#top div#logo h1{ display: none; }
	div#top div#flags{	position:absolute;	right: 5px;	bottom: 5px;}	
	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 #333333;}
	div#top div#quote{ position: absolute; left: 350px; top: 80px; width: 400px; }
	div#top div#quote h1{ font-size: 19px; font-weight: normal; text-align: center; }

div#menu{height:25px; width:800px; margin:0; padding:0px; background: #002D44 url(../img/bg_menu.jpg) no-repeat; font-size:12px; line-height: 25px; margin-left: 8px; }
 div#menu ul      		{ margin: 0; padding: 0; margin-left:25px;}
 div#menu li      		{ float: left; list-style: none; margin-right:10px;}
 div#menu li a			{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left:10px;}
 div#menu li a.active   { color:#0099FF; }
  div#menu .liOpen a   { color:#0099FF; }
 div#menu li a:hover    { color: #0099FF; font-weight: bold; text-decoration: underline; }

div#content_bg{
	width: 800px;
	background: url(../img/bg_content.jpg) no-repeat;
}

div#content{
	width:800px;
	margin: 0;
	padding: 0;
	padding-left: 8px;
	padding-right: 8px;
}

div#left{ position:relative; width:167px; margin:0px; padding:0px; float:left; height: 400px; color: #333333; }
	div#left a{ color: #333333; }
	div#left a.active{ color: #00C0FF; }	
	div#prodmenu{ font-size:11px; }
	div#left h2 { font-weight: bold; height:25px; background: #002D44 url(../img/pre_menu.jpg) no-repeat 5px 5px; font-size:12px; text-indent:25px; color: #FFFFFF; padding:0px; margin:0px; padding-top: 0px; margin-bottom: 10px; line-height:25px;}

div#middle{ position:relative; font-family:Arial, Helvetica, sans-serif; width:466px; margin:0px; padding:0px; float:left; /*background: #00CC00;*/ /*border-left: #BECCE7 1px dashed; border-right: #BECCE7 1px dashed;*/}
	div#middle div#padding{ padding-left: 20px; padding-right: 20px; }
	div#middle h1{font-size:18px; margin-top:0px; margin-bottom:10px; }
	div#middle h2, div#middle h3, div#middle h4, div#middle h5, div#middle h6{font-size:14px; margin-bottom:10px; margin-top: 25px; }
	div#middle .positive h2{color: green;}
	div#middle .negative h2{color: red;}
	div#middle h4{font-size:14px; margin-top:0px; margin-bottom:10px; font-weight:normal;}
	div#middle p{font-size:12px; margin-top:0px; font-weight:normal;}
	div#middle img{ padding: 0px; }
	/* Produktbilder */
	div#middle div#images{ float:right; width:138px; margin-left: 20px; margin-bottom: 40px; }
	div#middle div#images div#main_image{ padding:2px; border:1px solid #cccccc; background: #FFFFFF; text-align: center; vertical-align: middle; }
	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;}
	div#middle div#images div#main_image img {margin:0px; border:none;}
	
	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:Arial, Verdana; color:#c1c1c1; border: 1px solid #c1c1c1;}
	div#middle form.intresseform input.email{font-size:11px; margin-right:5px; width:150px; font-family:Arial, Verdana; color:#c1c1c1; border: 1px solid #c1c1c1;}
	div#middle form.intresseform input.required{font-size:11px; margin-right:5px; width:150px; font-family:Arial, Verdana; color:#c1c1c1; border: 1px solid #c1c1c1;}
	div#middle form.intresseform input.btn{font-size:11px; font-family:Arial, Verdana; color:#999999; border: 1px solid #c1c1c1; background-color:#ffffff;}
	div#middle form.intresseform textarea{font-size:11px; width:200px; height:62px; font-family:Arial, Verdana; color:#c1c1c1; border: 1px solid #c1c1c1; margin:0px;}
	
	
	div#middle form.bestallform{font-size:11px; font-weight:normal; color:#000000;}
	div#middle form.bestallform th{text-align:left;}
	div#middle form.bestallform input.field{font-size:11px; margin-right:5px; width:175px; font-family:Arial, Verdana;}
	div#middle form.bestallform input.email{font-size:11px; margin-right:5px; width:175px; font-family:Arial, Verdana;}
	div#middle form.bestallform input.required{font-size:11px; margin-right:5px; width:175px; font-family:Arial, Verdana;}	
	div#middle form.bestallform textarea{font-size:11px; width:175px; height:62px; font-family:Arial, 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{ font-size:14px;}
	div#middle ul li{ font-family: Arial, Verdana; font-size: 12px; list-style: outside; }

div#right{  position:relative; width:167px; margin:0px; padding:0px; float:left; /*background: #0099FF;*/ text-align: center; }	
	div#right h2 { height:25px; background:#6C8CC7  url(../img/bg_h_tile_pic.jpg) no-repeat; font-size:12px; font-weight:normal; text-indent:25px; color: #FFFFFF; padding:0px; margin:0px; margin-bottom: 10px; line-height:25px;}
	div#right p					{font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top:0px; margin-bottom:0px; color:#333333;}
	div#right p.article_link	{font-size: 11px; padding-top:10px;}
	div#right p strong			{}
	div#right a{ color: #00C0FF; }
	div#right a:hover{ color: #00C0FF; }
	div#right img{ margin-bottom: 10px; }

div.break{clear:both;}
 
div#footer{ position:relative; padding-top: 0; margin: 0; color: #CCCCCC; text-align:left; font-size:12px; background: url(../img/bg_bottom.jpg) no-repeat; height: 56px; width: 816px; }
	div#wiseweb{ position:relative; top:0px; right:5px; text-align:right; font-size:11px; margin-bottom: 50px;}
	div#wiseweb a{ text-decoration: none; color: #666666; }
	div#footer a{text-decoration:none;color: #666666;}

div#left .box{ position:relative; overflow:hidden; padding-left: 6px; padding-right: 6px; padding-bottom:10px; margin-bottom:5px; /*background:  #0033FF;*/ }
div#right .box{position:relative; overflow:hidden; padding-left: 6px; padding-right: 6px; margin-bottom: 20px; /*background:  #0033FF;*/}
div#right .imgbox img{position:relative; margin:0;}

div#bottom{position:relative; padding: 7px; color: #666666; text-align: center; /*background: #00FF00;*/ }
div#bottom a{color: #CCCCCC;}
div#bottom p{font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin-left:5px; margin-right:5px; margin-top:0px; margin-bottom:5px; }
div#bottom .box{position:relative; width:321px; overflow:hidden; padding-bottom:0px; margin-bottom:0px; float:left;}
div#bottom .bottom_width{width:150px; text-align:center;}
div#bottom .text_left{margin-left:2px; text-align: left;}
div#bottom .text_margin{margin-bottom:0px;}
div#bottom .text_right{text-align:right;}
div#bottom .border_left{border-left:#9ABEB6 1px solid; height: 40px;}
div#bottom .border_right{border-right:#9ABEB6 1px solid; height: 40px;}

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:#000000;}
	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: #000000; 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: #000000; padding:0px; margin:0px; padding-top: 1px; margin-bottom: 10px;}	
	div#middle #orderdiv p{font-size:12px; padding:4px;  color:#000000;}

	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: #000000; padding:0px; margin:0px; padding-top: 1px; margin-bottom: 10px;}

div.padding{padding:10px;}

div.listElement {width:136px;float:left;border:1px solid #cccccc;margin:0px;padding:0px;margin-bottom:11px;margin-right:7px;height:228px;}
div.listElement a{text-decoration:none;color:#000000;}
div.listElement a:hover{text-decoration:underline;color:#666666;}
div.listElement p{margin:0px;padding:0px;}
div.listElement p strong{color:#000000;}
div.listElement h3{font-size:12px;font-weight:bold;color:#000000;margin:0px;padding:0px;margin-top:3px;}
div.listElement img{margin:0px;padding:0px;margin-top:2px;margin-left:2px;border:none;}

div#breadcrumb{font-size: 11px; background: #FFFFFF; color: #333333; margin-bottom:10px; margin-left:8px; margin-top:0px; margin-right:10px; padding-top:15px; padding-bottom:15px; border-bottom:#EBEBEB 1px solid;}
	div#breadcrumb a{ text-decoration:none; color: #0099FF; font-weight: bold;}
	div#breadcrumb a:hover{ text-decoration:underline; color: #0099FF;}

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:Arial, Verdana;}
	table.article_list select{font-size:11px;font-family:Arial, 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:Arial, Verdana;}
	table.cartTable select{font-size:11px;font-family:Arial, Verdana;}
	table.cartTable input.button{font-size:10px;font-family:Arial, Verdana;}

form.searchform{margin:0px; padding:0px;font-family:Arial, Verdana; margin: 0; padding: 0;}
form.searchform input.field{ color: #000000; width:100px; height: 15px; font-size:12px; margin-left:5px; border:1px solid #cccccc;}
form.searchform input.button{ font-size:11px; width: 40px; border: 0px solid #E3E3E3; height:19px; margin-left: 1px; background-color:#ffffff; cursor:hand; color:#000000;}

/* 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:#000000; }
	ul.mktree  li a.active     { font-weight:bold; color:#00C0FF;}	
	ul.mktree  li a:hover{ text-decoration:underline; color:#00C0FF; } 
	/* 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; }
}
#admin_menu{
	position:absolute;
	margin:0px;
	top:25px;
	right:115px;
	height:20px;
	width:175px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	line-height:normal;
	color:#000000;
	text-transform:uppercase;
	z-index:5;
}
	#admin_menu ul{
		margin:0px; margin-left:10px; padding:0px;
	}
	#admin_menu ul li{ 
		float:left;
		padding:0px;
		padding-left: 15px;
		list-style: none;
	}
	#admin_menu ul li a{ 
		padding:0px;
		margin:0px;
		color:#000000;
		text-decoration:none;
	}