body
{
	background: white;
	color: #222;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 81.25%;
	line-height: 1.6;
}
blockquote
{
	margin: 0 1em 1em 1em;
	font-size: 16px;
	color: #49960f;
}
.KATINKASJAVLAORANGEAFARG
{
  color: #ef7e13;
}
h1
{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.2;
	margin: 20px 0 5px 0;
	letter-spacing: -1px;
	padding: 0;
}
h2
{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
h3
{
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
	#prodPres #packageIndex h3
	{
		font-size: 150%;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
h4,h5,h6
{
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
p
{
	font-size: 100%;
	margin: 0 0 1em 0;
}
a
{
	color: #39f;
	text-decoration: none;
	outline: 0;
}
a:hover
{
	color: #222;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}
table
{
	width: 100%;
	margin: 0 0 20px 0;
	padding:0;
}
th
{
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: 1px solid #c4c4cc;
	font-size: 13px;
}

td
{
	border-bottom: 1px solid #c4c4cc;
	padding: 5px 0;
	font-size: 84%;
}
ul
{
	margin: 0 0 1em 0;
}
li
{
	margin: 0 0 5px 0;
	line-height: 1.2;
	
}

#view1
{
	text-align: center;
}
#wrapper
{
	margin: 0 auto;
	text-align: left;
	width: 960px;
}
#header
{
	height: 87px;
	background: url(../images/common/sprites.gif) left bottom no-repeat;
}
	#header #central
	{
		float: left;
		width: 500px;
		margin: 0 0 0 40px;
	}
	
#logotype
{
	display: inline;
	overflow: hidden;
	text-indent: -1000%;
	height: 42px;
	width: 150px;
	float: left;
	margin: 20px 0 0 20px;
	background: url(../images/common/sprites.gif) no-repeat;
}


#navContent
{
	margin: 45px 0 0 0;
	width: 418px;
	clear: both;
	float: left;
	display: inline;
}
	#navContent ul
	{
		margin: 0;
		padding: 0;
	}
	#navContent li
	{
		float: left;
		margin-right: 20px;
	}
		.menuItemFirst
		{
			margin: 0;
		}
		#navContent .menuItemFirst
		{
			display: none;
		}
		#navContent li a
		{
			color: black;
			font-weight: bold;
		}
	#navContent #menuItem0_0{display: none;}
	#menuItem0_1 a, #menuItem0_2 a, #menuItem0_3 a, #menuItem0_4 a, #menuItem0_5 a, #menuItem0_6 a
	{
		background-image: url(../images/common/sprites.gif);
		background-repeat: no-repeat;
		display: inline;
		float: left;
		height: 13px;
		text-indent: -999%;
		overflow: hidden;
	}
	#menuItem0_1 a {background-position: 0 -52px;width: 49px;}
	#menuItem0_1 a:hover, #menuItem0_1.navItemContentSelected a{background-position: 0 -65px;}
	#menuItem0_2 a{background-position: -59px -52px;width: 57px;}
	#menuItem0_2 a:hover, #menuItem0_2.navItemContentSelected a{background-position: -59px -65px;}
	#menuItem0_3 a{background-position: -284px -52px;width: 54px;}
	#menuItem0_3 a:hover, #menuItem0_3.navItemContentSelected a{background-position: -284px -65px;}
	#menuItem0_4 a{background-position: -126px -52px;width: 41px;}
	#menuItem0_4 a:hover, #menuItem0_4.navItemContentSelected a{background-position: -126px -65px;}
	#menuItem0_5 a{background-position: -229px -52px;width: 45px;}
	#menuItem0_5 a:hover, #menuItem0_5.navItemContentSelected a{background-position: -229px -65px;}
	#menuItem0_6 a{background-position: -177px -52px;width: 43px;}
	#menuItem0_6 a:hover, #menuItem0_6.navItemContentSelected a{background-position: -177px -65px;}
	
#supportCenter
{
	float: right;
	width: 235px;
	display: inline;
	padding: 14px 0 0 0;
	position: relative;
}
	#supportCenter ul
	{
		display: inline;
		float: right;
		clear: both;
		position: relative;
		z-index:9998;
		margin: 0;
	}
		#supportCenter ul li
		{
			float: left;
			margin-left: 10px;
		}
			#supportCenter ul li a
			{
				font-size: 84%;
				color: #717279;
			}
				#supportCenter ul li a:hover
				{
					color: #eb4e35;
				}
			#live-support, #webmail
			{
				background: url(../images/common/live-support.gif) right 5px no-repeat;
				padding: 0 8px 0 0;
				cursor: pointer;
			}
			#atrox-helpdesk
			{
				background: url(../images/common/atrox-helpdesk.gif) 0 2px no-repeat;
				display: block;
				padding: 0 0 0 60px;
				line-height: 1.2;
			}
			
			#live-support.active
			{
				background: url(../images/common/live-support.gif) right -9px no-repeat;
			}
			#toggle
			{
				width: 183px;
				position:absolute;
				z-index:9999;
				background: #fff;
				top:30px;
				right: 0;
				border: 1px solid #222;
				padding: 10px;
				font-size: 84%;
			}
			#toggle2
			{
				width: 183px;
				position:absolute;
				z-index:9999;
				background: #fff;
				top:30px;
				right: 0;
				border: 1px solid #222;
				padding: 10px;
				font-size: 84%;
			}
	#search
	{
		width: 205px;
		float: right;
		clear: both;
	}
	#search img
	{
		margin: 3px 0 0 0;
	}
#subNavList {margin: 0;padding:0;position:absolute;z-index:101;}
#subNavListLvl1 {margin:0;}
#subNavListLvl1 li {margin:0;padding:0;}
#subNavActive, #subNav2Active{display: none;}
#subNavContent
{
	border-bottom: 1px solid #c4c4cc;
	padding: 0 20px 0 20px;
	overflow: hidden;
	width: 920px;
	float: left;
	float: none;
	clear: both;
	margin:0;
	height:31px;
}
	#subNavContent ul li
	{
		float: left;
		margin: 0 20px 0 0;
		padding:0;
	}
#subNavContent a
{
	font-size: 90%;
	color: #222;
	font-weight: bold;
	margin:0 5px;
	padding:7px 5px 0 5px;
	float:left;
	display:inline;
	height:24px;
}

	.menuItemFirst a{margin-left:0 !important;padding-left:0 !important;}

.leftMenuSelected, .subNavItemContentSelected, .subNavItemContentSelected a {color: #eb4e35 !important;}

#view1 #subNav2Content
{
	border-bottom: 1px solid #c4c4cc;
	padding: 2px 20px;
	overflow: hidden;
	width: 920px;
	float: left;
	float: none;
	clear: both;
}
	#subNav2Content ul
	{
		margin: 0;
	}
	#view1 #subNav2Content ul li
	{
		float: left;
		margin-right: 20px;
		display: inline;
	}




#view2 #subNav2Content
{
	padding: 2px 0;
	overflow: hidden;
	width: 190px;
	float: left;
	float: none;
	clear: both;
	margin: 0 0 20px 0;
}
	#view2 #subNav2Content ul li
	{
		border-bottom: 1px solid #c4c4cc;
		padding: 5px 0;
		background: none;
		margin: 0;
		list-style: none !important;
	}
#view2 #subNav2Content a
{
	color: #222;
}
#subNav2ListLvl2 {margin: 3px 0 0 0;}
#subNav2ListLvl2 li {border:0 !important;padding: 2px 0 !important;margin: 0 0 0 8px;}
#subNav2ListLvl2 li a {font-weight: normal !important;}


#view1 #subNav2Content ul li a, #view2 #subNav2Content ul li a
	{
		color: #717279;
		font-weight: bold;
	}
	#view1 #subNav2Content ul li a:hover, #view2 #subNav2Content ul li a:hover, #subNavContent a:hover
	{
		color: #eb4e35;
	}

#content
{
	background: url(../images/common/content-bg.gif) repeat-y;
	overflow: hidden;
	width: 960px;
	margin: 20px 0 20px 0;
}
	#view3 #content
	{
		background: none;
		margin:0 !important;
	}
	
	 #view3 #content #main
	 {
	 	padding:0 !important;
		width:960px;
	 }
	
	#webshop #content
	{
		background: none !important;
	}
	
	
	
#main
{
	width: 640px;
	display: inline;
	float: left;
	overflow: hidden;
}
	#view3 #main
	{
		width: 920px;
		padding: 0 20px;
	}
	#webshop #main
	{
		margin: 20px;
		width: 920px;
	}

#side
{
	width: 300px;
	display: inline;
	float: left;
	padding-left: 20px;
	overflow: hidden;
}
#view1 #presentation
{
	width: 620px;
}
#view1 #presentation h1
{
	margin: 25px 20px 5px 20px;
}
#view1 #presentation p
{
	font-size: 120% !important;
	margin: 0 20px;
	line-height: 1.8;
}
#view2 #presentation
{
	width: 620px;
	margin: 10px 0 0 0;
}
#view3 #webbyra, #view3 #it-support
{
	width: 470px;
	display: inline;
	float: left;
	margin: 40px 0 0 0;
	overflow: hidden;
}
#view3 #it-support
{
	float:right !important;
}
#view3 img
{
	display: inline;
	float: left;
	margin: 5px 20px 5px 0;
}

.teaser
{
	float: left;
	display: inline;
	margin: 24px 20px 0 0;
	padding: 0 0 0 20px;
	width: 280px;
}
	.teaser li
	{
		background: url(../images/common/arrow.gif) left center no-repeat;
		padding: 0 0 0 15px;
		line-height: 1.6;
		list-style: none !important;
	}
		.teaser li a
		{
			color: #222;
		}
		.teaser p 
		{
			font-size: 11px;
			line-height: 16px;
		}
		.teaser img
		{
			margin: 0 0 10px 10px;
		}

#side .client
{
	height: 126px;
	border-bottom: 1px solid #c4c4cc;
	padding: 20px 0;
	overflow: hidden;
}
#side .first
{
	padding: 10px 0 20px 0;
}
	#side .contact .left
	{
		width: 175px;
		display: inline;
		float: left;
	}
	#side .contact .right
	{
		width: 115px;
		display: inline;
		float: left;
	}
	#side .client p
	{
		width: 175px;
		display: inline;
		float: left;
		padding: 10px 0 0 0;
	}
	#side .contact p
	{
		/*width: 175px;
		display: inline;
		float: left;*/
		padding: 10px 0 0 0;
		
	}
	#side .client img, #side .contact img
	{
		display: inline;
		float: left;
		margin-left: 20px;
	}
	#side .contact em
	{
		font-size: 76%;
		float: right;
		text-align: right;
	}
#side .contact
{
	padding: 20px 0;
}
#hosting #side .box, #hostingSub #side .box
{
	width: 299px;
	height: 103px;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	overflow: hidden;
}
#hosting #side .box a, #hostingSub #side .box a
{
	width: 299px;
	height: 103px;
	display: block;
}
	#hosting #side .exchange, #hostingSub #side .exchange
	{
		background: url(../images/common/hosted-exchange-bg.gif);
	}
	#hosting #side .sharepoint, #hostingSub #side .sharepoint
	{
		background: url(../images/common/hosted-sharepoint-bg.gif);
	}
	#hosting #side .server, #hostingSub #side .server
	{
		background: url(../images/common/hosted-small-business-server-bg.gif);
	}
	#hosting #side .storage, #hostingSub #side .storage
	{
		background: url(../images/common/hosted-storage-bg.gif);
	}
	#hosting #side .backupServer, #hostingSub #side .backupServer
	{
		background: url(../images/common/online-backup-server-bg.gif);
	}
	#hosting #side .backupKlient, #hostingSub #side .backupKlient
	{
		background: url(../images/common/online-backup-klient-bg.gif);
	}
#meta
{
	float:left;
	background: url(../images/common/meta-bg.gif) repeat-y;
	width: 960px;
	overflow: hidden;
	margin: 0 0 20px 0;
}
#meta dl
{
	display: inline;
	float: left;
	width: 280px;
	padding: 0 20px;
}
	#meta dt
	{
		font-size: 140%;
		font-weight: bold;
	}
	#meta dd
	{
		font-size: 84%; 
	}
		#meta dd a
		{
			color: #222;
			font-weight: bold;
		}
		#meta dd a:hover
		{
			color: #eb4e35;
		}
		
.blog-arrow
{
	margin:10px 30px 10px 0 !important;
}		
#articles
{
	padding: 0;
	overflow: hidden;
	float: left;
	margin: 0 0 20px 0;
}
	#main #articles
	{
		border:0;
		overflow: hidden;
		margin: 0 0 30px 0;
		padding:25px 0 10px 0;
	}
	#articles .article
	{
		width: 440px;
		display: inline;
		float: left;
		margin: 0 20px 0 20px;
	}
		#main #articles .article
		{
			width: 350px;
			float: none;
			margin: 0;
		}
		#articles .article a, #entries .entry a
		{
			color: black;
		}
		.date
		{
			font-size: 84%;
			margin: 10px 0 0 0;
		}
		#listArticles .article
		{
			margin: 0 0 20px 0;
		}
		#articles .atrox-arrow
		{
			margin:0 30px 0 0;
		}
		.bc-list{ display: none; }
		
.meta
{
	font-size: 84%;
}
#entries {
	margin: 30px 0 0 0;
}
.entry
{
	margin: 0 0 30px 0;
}
#subSide .blog
{
 margin: 55px 0 0 0;
}

	#subSide strong
	{clear:both;float:none;display:block;font-size:110%;}
	
	#subSide #facts
	{
		border-top:1px solid #C4C4CC;
		border-bottom:1px solid #C4C4CC;
		padding: 15px 0 5px 0;
	}
	#subSide #facts li
	{
		background: none;
	}
	#subSide #facts strong
	{clear:none;float:none;display:inline !important;font-size:110%;}

.blog #presentation
{
	border: 0 !important;
	height: auto !important;
	background: none !important;
}

#side h2
{
	font-size: 100%;
	font-weight: bold;
	margin: 0;
}
#side p
{
	font-size: 84%;
}


.invisible {display: none;}
.visible {display:block;}


#footer
{
	overflow: hidden;
	width: 960px;
	float: left;
	margin: 0 0 30px 0;
	color: #717279;
	font-size: 84%;
}
	#footer strong
	{
		color: #222;
	}
#footer #atroxweb
{
	background: url(../images/common/atroxweb-cms.gif) no-repeat;
	display: inline;
	width: 101px;
	height: 30px;
	float: left;
	text-indent: -999%;
	overflow: hidden;
	margin: 2px 20px 0 20px;
}
#footer #atroxhost
{
	background: url(../images/common/atroxhost.gif) no-repeat;
	display: inline;
	width: 101px;
	height: 30px;
	float: left;
	text-indent: -999%;
	overflow: hidden;
	margin: 2px 0 0 0;
}
#footer span
{
	float: right;
	margin: 0 20px 0 0;
}
#footer span, #footer strong
{
	text-align: right;
}
.atrox-arrow
{
	background: url(../images/common/atrox-arrow.gif) right center no-repeat;
	padding: 0 23px 0 0;
	font-weight: bold;
	color: #222;
	line-height: 1.8;
	float: right;
	margin: 5px 5px 3px 0;
}
#subSide .atrox-arrow
{
	background: url(../images/common/atrox-arrow.gif) 160px center no-repeat;
	padding: 3px 10px;
	font-weight: bold;
	color: #222;
	line-height: 1.8;
	float: none;
	display: block;
	margin: 20px 0 0 0;
	border: 1px solid #c4c4cc;
}
#subHead
{
	overflow: hidden;
	margin: 0 20px;
}
#hosting #subMain
{
	width: 293px;
	margin: 0 12px 0 20px;
}
#hostingSub #subMain
{
	width: 600px;
}
#subMain
{
	display: inline;
	float: left;
	overflow: hidden;
	width: 350px;
	margin: 0 20px;
}
	#webshop #subMain
	{
		width: 660px;
		margin: 0 20px 0 0;
	}
#hosting #subSide
{
	width: 297px;
	margin: 0;
	font-size: 100%;
}
#subSide
{
	display: inline;
	float: left;
	overflow: hidden;
	width: 190px;
	margin: 0 20px;
	font-size: 84%;
}
#product #subSide, #product2 #subSide, #webshop #subSide
{
	width: 210px;
}
#webshop #subSide{ margin: 0 0 0 20px; }
.fullView #subSide
{
	margin: 0px 20px 0 20px;
}
	#subSide h3
	{
		font-size: 120%;
	}
#fullSize
{
	float: left;
	overflow: hidden;
	clear: both;
	margin: 30px 40px 0 20px;
	width: 580px;
}



#subMain ul li, #presentation ul li, .panes ul li
{
	margin: 0 0 5px 0;
	line-height: 1.2;
	background: url(../images/common/bullet.gif) 0 5px no-repeat;
	padding: 0 0 0 11px;
}
#subSide ul li
{
	margin: 0 0 5px 0;
	line-height: 1.2;
	background: url(../images/common/bullet.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
}


.fullView h1
{
	margin: 20px 0 0 20px;
}


#facebook, #mySpace, #rss, #linkedIn, #twitter
{
	display: block;
	padding: 5px 0 5px 20px;
	color: #717279;
	font-weight: bold;
	border-bottom: 1px solid #c4c4cc;
}
#facebook:hover, #mySpace:hover, #rss:hover, #linkedIn:hover, #twitter:hover
{
	color: #eb4e35;
}
#facebook
{
	
	background: url(../images/common/sprites.gif) left -340px no-repeat;
}
#mySpace
{
	background: url(../images/common/sprites.gif) left -205px no-repeat;
}
#rss
{
	background: url(../images/common/sprites.gif) left -234px no-repeat;
}
#linkedIn
{
	background: url(../images/common/sprites.gif) left -304px no-repeat;
}
#twitter
{
	background: url(../images/common/sprites.gif) left -376px no-repeat;
}









#main dt
{
	margin: 10px 0 5px 0;
	font-weight: bold;
}

.pagination li
{
	float: left;
	margin: 0 5px;
}
.paginationPrevious, .paginationPrevious a
{
	background: url(../images/common/icons.gif) 0 -215px no-repeat;
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -999%;
	overflow: hidden;
	
}
.paginationNext, .paginationNext a
{
	background: url(../images/common/icons.gif) right -102px no-repeat;
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -999%;
	overflow: hidden;
	float: right;
}




strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}
hr
{
	border: 0;
	height: 1px;
	background: #666;
	display: block;
	float: none;
	clear: both;
}





#search label
{
	display: none;
}
#SearchForm
{
	display :inline;
}
#searchString
{
	border: 1px solid #c4c4cc;
	font-size: 84%;
	color: #717279;
	padding: 2px 1px 1px 1px;
	width: 110px;
	
}
#search .submit
{
	background: url(../images/common/icons.gif) 0 -249px no-repeat;
	text-indent: -999%;
	border: 0;
	width: 18px;
	height: 20px;
	cursor: pointer;
	
}

.searchResultItem
{
	border-bottom:1px solid #c4c4cc;
	padding:0 0 20px 0;
	margin:0 20px 20px 0;
}

.print{ 
	background:url(../images/common/print.gif) no-repeat left center;
	color:#222222;
	float:right;
	font-size: 85%;
	line-height:1.8;
	margin:5px 20px 3px 0;
	padding:0 0 0 23px; 
	overflow: hidden;
	clear: both;
	display: block;
}	
#orderForm{ width: 350px; }
.sharepoint5gb input{ text-indent: -9999px; background:url(../images/common/hosted-sharepoint-5gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.sharepoint10gb input{ text-indent: -9999px; background:url(../images/common/hosted-sharepoint-10gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.sharepoint15gb input{ text-indent: -9999px; background:url(../images/common/hosted-sharepoint-15gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.sharepoint20gb input{ text-indent: -9999px; background:url(../images/common/hosted-sharepoint-20gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }

.hosting50mb input{ text-indent: -9999px; background:url(../images/common/hosting-50mb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.hosting250mb input{ text-indent: -9999px; background:url(../images/common/hosting-250mb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.hosting2gb input{ text-indent: -9999px; background:url(../images/common/hosting-2gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.hosting1gb input{ text-indent: -9999px; background:url(../images/common/hosting-1gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
 
.online10gb input{ text-indent: -9999px; background:url(../images/common/online-10gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.online25gb input{ text-indent: -9999px; background:url(../images/common/online-25gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.online50gb input{ text-indent: -9999px; background:url(../images/common/online-50gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.online75gb input{ text-indent: -9999px; background:url(../images/common/online-75gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.online100gb input{ text-indent: -9999px; background:url(../images/common/online-100gb.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }

.offertforfragan input{ text-indent: -9999px; background:url(../images/common/order.gif); width: 97px; height: 19px; border: 0; cursor: pointer; }
.forfragan input{ text-indent: -9999px; background:url(../images/common/forfragan.gif); width: 90px; height: 19px; border: 0; cursor: pointer; }
.orderFormMail, #orderProductsList
{
	list-style:none;
	margin:0;
	padding:0;
}

	.orderFormMail li, #orderProductsList li
	{
		margin:0 0 10px 0 !important;
		padding:0 !important;
		background:none !important;
	}
	
	.orderFormMail li label
	{
		display:block;
	}
	
	.orderFormMail li input
	{
		width:165px; 
		border:1px solid #C4C4CC;
		padding:2px;
	}
	#orderForm .shortInputText{ width:20px; border:1px solid #C4C4CC !important; }
	.orderFormMail .left
	{
		float:left;
		width:175px;
	}
	
	.orderFormMail .right
	{
		float:right;
		width:175px;
	}
	
	.orderFormMail  .full
	{
		clear:both;
		float:none;
	}
	
	.orderFormMail #name
	{
		width:341px;
	}
	
	.orderFormMail #other
	{
		clear:both;
		float:none;
		width:342px;
		height:80px;
	}
#orderProductsList li input
{
	margin:0 10px 0 0;
	border: 0;
}

	.orderFormSubmit
	{
		text-indent: -9999px;
		background:url(../images/common/skicka-forfragan.gif);
		width: 104px; 
		height: 19px;
		border: 0; 
		cursor: pointer;
		float:right;
		clear: both;
		margin: 10px 0;
		padding-right:10px;
		padding-left:10px;
	}
	#sendOrderFormSubmit{
		clear: both;
		float: left;
		width: 100%;
		height: 40px;
	}
	
/*#webshop #shoppingCart{margin: 49px 0 0 0; border-top: 1px solid #c4c4cc;}*/

.shopSide
{
	background:url(../images/custom/cart.gif) top right no-repeat;
}

	#product2 .shopSide
	{
		margin:40px 0 0 0;
	}

#shoppingCartSelect
{
	width: 160px;	
	border: 1px solid #c4c4cc;
	margin: 0;
	padding: 0;
}
#shoppingCartSelect option
{
	width: 190px;	
}

#productCatDesc{ border-bottom: 1px solid #c4c4cc; }
.productMenuContainer { clear:both;float:none;margin: 15px 0 0 0; padding: 5px 0 0 0;}
#product .productMenuContainer { margin: 7px 0 0 0; }
#webshop .productMenuContainer { margin: 10px 0 0 0; }
.product{ float: left; display: block; overflow: hidden; border-bottom: 1px solid #c4c4cc; padding: 25px 0 10px 0; }
.product p{ float: left; overflow: hidden; width: 350px; margin: 0 0 9px 0;}
.productMenu, .productMenu li{list-style: none; background: none !important; margin: 0;}
	.productMenu li{border-bottom: 1px solid #c4c4cc;padding: 2px 0 8px 10px !important;}
	.productMenu .productMenu li{margin: 0 0 0 10px !important;padding:0 !important;border:0 !important;}
	.productMenu li a{color: #000;}
.productMoreInfo{ 
	background: url(../images/custom/product-more-info-arrow.gif) right center no-repeat; 
	padding: 0 21px 0 0;
	color: #000;
	font-weight: bold;
	float: right;
	font-size: 84%;
}
.productBuy{ width: 65px;} 
.productBack a { color: #EB4E35; font-size: 84%;}
.productPrice, .currentPrice { float: left;}
.productPrice { padding: 1px 0 0 0; font-size: 84%; color: #eb4e35; font-weight: bold;}
.currentPrice { padding: 0 5px; margin: 6px 0 0 5px; color: #717279; }
.productAmount { color: #000 !important; font-size: 94% !important; width: 28px; text-align: center; border: 1px solid #c4c4cc; padding: 0 !important;}
.price-prefix { color:#000; }
.price { color:#eb4e35; font-weight: bold;}
.buy { 
	

	height:17px;
	width:28px;
	overflow:hidden;
	border:0 !important;
	background:url(../images/custom/buy.gif) no-repeat;
	color:#000 !important;
	padding:0 0 2px 0 !important;
	margin:0;
	cursor:pointer;
}

#col21 { border: 1px solid #c4c4cc; padding: 10px 10px 9px 10px; margin: 7px 0 25px 0; text-align: center; float: left; overflow: hidden; width: 328px; }

#paginationContainer {margin: 20px 0 0 0; float: left; font-size: 84%;}
#paginationPrevious {float: left;display: block; width: 155px; height: 22px;padding: 2px 0 0 0;text-align: center;}
a#paginationPrevious, a#paginationNext { color:#EB4E35 !important; }
#pagination {display: block; float: left;margin:0 2px; padding:0;}
	#pagination li {list-style:none;float: left;margin: 0 2px;padding: 5px 3px 0 0;width:15px;height:22px;text-align: center;}
	#pagination li a {display: block;width: 15px;height:24px;padding: 0 3px 0 0; color:#EB4E35 !important;}
#paginationNext {float: left; display: block; width: 134px; height: 22px;text-align: center;padding: 2px 0 0 0; }

#shoppingCart
{
	/*margin: 19px 0 0 0;*/
	float: left;
	clear: both;
	padding:0 0 10px 0;
}

	#shoppingCart a
	{
		display:block;
		color:#000;
		font-weight:normal;
		margin:0 0 0 10px;
	}

a#checkout{ 

}

#condition{margin:0 0 0 10px;}

.checkout, .continue, .empty, .update, #goBack input, #confirm, .order{ 
	background: url(../images/custom/product-more-info-arrow.gif) right center no-repeat; 
	padding: 0 18px 0 0 !important;
	color: #000 !important;
	font-weight: bold;
	float: right;
	margin: 6px 8px 0 0;
	color: #000;
	border: 0 !important;
}
#confirm { width: 105px !important; text-align: left !important;}
.empty, .update, #goBack input { float: left !important; text-align: left !important;}
#goBack #continueShopping, #goBack .continueShopping  { width: 85px !important; text-align: left !important;}
#continue .continue { width: 68px !important; text-align: left !important; }
.checkout { width: 72px !important; text-align: left !important; }
#goBack #back, #goBack .back  { width: 68px !important; text-align: left !important;}
.order { width: 68px !important; text-align: left !important;}
#SiteShoppingCartAddProductForm { float: right;margin:0 20px 0 0 }

#steps {width:100%;float:none;clear:both;overflow:hidden;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom: 1px solid #C4C4CC;}
#steps li {float:left;list-style:none;border-right: 1px solid #999;padding: 0 0 0 5px;}
.step1 {width:20%;}
.step2 {width:20%;}
.step3 {width:30%;}
.step4 {width:20%;}
.step4 {border:0 !important;}
#steps li strong
{
	font-size: 120%;
	font-weight: bold;
	color: #999;
	display: block;
}

#SiteOrderProcessPaymentMethodSelectForm dl{ border: 1px solid #c4c4cc; padding: 0 10px 8px 10px; margin: 0 0 25px 0; float: left; overflow: hidden; width: 598px; }
#SiteOrderProcessPaymentMethodSelectForm #QUOTATION{ padding: 0 5px 0 0; border: none !important; }
#SiteOrderProcessPaymentMethodSelectForm label{ padding: 5px; font-size: 84%; }

.visible
{
	display: block;	
}

.invisible
{
	display: none;	
}

.invalid { border: 1px solid #EE0000; }

shoppingCartDetails {width: 100%;}


.item {margin:0;padding:0 0 10px 0; font-size: 84%;}
#itemHeader {overflow:hidden;height: 25px;}
#itemHeader div { float: left; }
.item
{
	border-bottom: 1px solid #C4C4CC;
	padding: 8px 0 0 0;
	overflow:hidden;
	height: auto !important;
	min-height: 30px;
	height: 30px;
	
}
#itemHeader
{
	border-bottom: 2px solid #C4C4CC;
}
#itemHeader .total { font-size: 94% !important; }

.item .artId, .item .name, .item .price, .item .amount, .item .total {display:block;float:left;padding: 2px 0 0 0;}
.artId {width: 20%;}
.name {width: 50%;}
.price {width: 20%;}
.amount {width: 10%;padding:0;}
#step4  .amount, #step4  .total {padding:2px 0 0 0;}
.total {float:left;font-size:84%;}
.item .total { font-size:100% !important; }
.item .amount input { font-size:100% !important; text-align: center;}
.inputHidden {display:none;}

#update {width:40%;float:left;padding: 10px 0 0 0;}
.items .total{ width:60%;padding: 5px 0 0 0;float:left;}
#step4 .items .total, #step5 .items .total {width: 100%;}
/*.items{border-bottom: 1px solid #999;overflow: hidden;height: 65px;}*/
.type {width: 69.5%;text-align: right;float: left;padding: 0 2% 0 0;overflow: hidden;}
#step4 .type, #step5 .type {width: 78%;}
.sum {width: 16.5%;float: left;}

#goBack {float:left;margin: 5px 0 0 0;}
#continue {width: 20%;float:left; margin: 5px 0 0 0;}

.empty, .update {float:left;width:108px;margin: 0 10px 0 0;cursor: pointer;}
.empty {width:115px !important;}

#steps {width:100%;float:none;clear:both;overflow:hidden;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom: 1px solid #C4C4CC;}
#steps li {float:left;list-style:none;border-right: 1px solid #999;padding: 0 0 0 5px; background: none !Important;}
.step4 {border:0 !important;}
#steps li strong
{
	font-size: 120%;
	font-weight: bold;
	color: #999;
	display: block;
}
.active strong {color: #eb4e35 !important;}

#orderContent
{
	overflow: hidden;
	position:relative;
	padding: 0 20px;
}

#step2 p{font-size:85%;}
#step4 #checkout, #step4 #shoppingCartDetails { padding: 0 20px; }
#orderContent dd span {font-size: 85%; font-weight: bold;margin: 0 0 0 5px;}
#step3 dt, #step4 dt,#step5 dt {float:none;clear:both;font-size: 120%;font-weight: bold;border-bottom: 1px solid #C4C4CC;margin: 20px 0 20px 0;}
#step3 dd, #step4 dd, #step5 dd {margin:0 0 5px 0;padding:0;border:0;}
	#step4 dd strong, #step5 dd strong {display: block;float:left; clear: left;width: 170px;}
#step3 label,
#step4 label,
#step5 label {display: block;float: left; width: 170px;}
#step3 input, #step3 textarea,
#step4 input, #step4 textarea,
#step5 input, #step5 textarea {width: 200px;}

#orderContent select {min-width: 200px;}

.r14 {margin: 20px 0 0 0 !important;height: 20px;}
.r15 {margin: 0 0 20px 0 !important;height: 20px;}
.r14, .r15 {float: none;clear:both;overflow: hidden;}
.r14 label, .r15 label {width: 300px !important;}
.r14 input, .r15 input {display:inline;float:left;border:0;}
.tip {background: white;border:1px solid #999 !important;padding: 10px !important;margin: 0 0 10px 0 !important;display: block;}

#step1 dd {margin:0;padding:3px 0;}

#loading {background: url(../images/custom/loading.gif) no-repeat;overflow:hidden;text-indent: -9999px;width: 100px;height:16px;margin: 0 5px 0 0;}
#continue {float: right;}

#goBack input, #continue input {cursor:pointer;}
.radio, .checkbox {border:0;}
.fieldsInfo
{float:none;clear:both;}
#product input, #product2 input, #webshop input{
	border:1px solid #CCCCCC;
	color:#666666;
	font-size:84%;
	padding:2px;
}

#agreeTerms,#radOrder4_0,#radOrder4_1{border:none !important;}
#radOrder4_0, #radOrder4_1 { width: 30px !important; }
#agreeTerms { margin: 0 5px 0 0; }
#conditions
{
	height: 300px;
	overflow: auto;
}

.msgError {
	border:1px solid #FF0000;
	font-size: 84%;
}
.msgInfo, .msgWarning, .msgError {
	padding:2px;
}

.clearFix{clear:both;float:none;}


input, textarea
{
	border: 1px solid #c4c4cc;
	padding: 2px;
	font-family: inherit;
}

#filter
{
	margin: 0 0 10px 0;
	display: block;
	cursor: pointer;
}
#filterLeft
{
	width: 175px;
	float: right;
	height: 160px;
	display: inline;
	margin: 0;
}
	#filterLeft .submit
	{
		background:transparent url(../images/common/atrox-arrow.gif) no-repeat scroll right center;
		color:#222222;
		float:right;
		font-weight:bold;
		line-height:1.8;
		margin:5px 5px 3px 0;
		padding:0 23px 0 0;
		border: 0;
		cursor: pointer;
	}
#filterRight
{
	width: 175px;
	float: right;
	height: 150px;
	margin: 10px 0 0 0;
	display: inline;
}
	#filterRight li
	{
		background: none !important;
		border: 0;
		margin: 0 0 5px 0 !important;
		padding: 0 !important;
	}

#searchCriteria, #fromDate, #toDate
{
	width: 168px;
}
#listArticles
{

}

ol{margin:0 0 10px 8px;}
ol li
{
	list-style: decimal outside;
	margin:0 0 0 25px;
	line-height:1.6em;
}
.pagination li
{
	list-style: none !important;
}
.faq li
{
	font-size: 94%;
	list-style: none !important;
	background: none;
	margin: 0 0 5px 0;
}
	.faq li a
	{
		color: #222;
	}
	.faq li a:hover
	{
		color: #EB4E35;
	}
	
	
	
#comments {
	border-top:1px solid #D4D4D4;
	float:left;
	margin:30px 0 0;
	overflow:hidden;
	padding:20px 0 0;
	width:620px;
	font-size: 84%;
}
	#comments .kommentarer {
		font-weight:bold;
		margin:0 0 10px;
	}
	#comments #read {
		float:left;
		overflow:hidden;
		padding:0 0 0 10px;
		width:350px;
	}
		.comment {
			border-bottom:1px solid #D4D4D4;
			width: 350px;
			padding: 10px 0 0 0;
			overflow: hidden;
		}
		#comments #write label em {
			float:right;
			font-size:94%;
			margin:-16px 2px 0 0;
		}
		#comments .msgLegend{
			display: none;
		}
		#comments #read img {float: left; margin: 0 10px 10px 0;}
		#comments #read .date, #comments #read .author {
			font-size: 84%;
			text-transform: uppercase;
			display: block;
		}
		#comments #read .date {margin: 5px 0 0 0;}
		#comments #read .avatar { width: 33px; height: 32px; border:1px solid #D0D0D0; padding: 2px;}
		#comments p {display: block;clear:both;}
	
	#comments #write	{
		display:inline;
		float:right;
		margin:20px 10px 0 0;
		overflow:hidden;
		width:206px;
	}
		#comments #write input, #comments #write textarea {width: 200px;}
		#comments #write .submit {
			background:transparent url(../images/common/atrox-arrow.gif) no-repeat scroll right center;
			color:#222222;
			float:right;
			font-weight:bold;
			line-height:1.8;
			margin:5px 0 3px 0;
			padding:0 23px 0 0;
			border: 0 !important;
			text-align: right;
		}

		
		#prodPres #content
		{
			background: none;
		}
		
		#prodPres h1
		{
			display: block;
			margin: 20px 0 25px 20px;
			padding: 0;
			font-size:48px;
		}
		#prodPres #presentation
		{
			height: 280px;
			overflow: hidden;
		}
		#prodPres #presentation #text
		{
			display: inline;
			float: left;
			width: 354px;
			margin: 0 50px 0 20px;
			height: 262px;
			padding: 18px 0 0 0;
		}
		#prodPres #presentation #carousel
		{
			display: inline;
			float: left;
			width: 536px;
			background: url(../images/common/carousel.jpg) no-repeat;
			height: 280px;
			padding: 0;
		}
		
		#prodPres #packageIndex
		{
			margin: 10px 0;
		}
			#prodPres #packageIndex table
			{
				border-collapse:separate;
				font-weight: bold;
			}
			#prodPres #packageIndex table strong
			{
				color: #eb4e35;
			}
			#prodPres #packageIndex table .top
			{
				border-right:medium none;
				border-top:medium none;
				text-align: left;
				padding: 5px 0 5px 10px !important;
				font-weight: normal;
			}
			#prodPres #packageIndex table .a1, #prodPres #packageIndex table .a2, #prodPres #packageIndex table .a3
			{
				width: 235px;
			}
			#prodPres #packageIndex table .left
			{
				border-left:1px solid #C4C4CC;
				text-align: left;
				padding: 5px 0 5px 10px;
			}
			#prodPres #packageIndex table .bottom
			{
				border-right:medium none;
				padding: 10px 0 0 0;
			}
			#prodPres #packageIndex table td
			{
				border-bottom:medium none;
				border-right:1px solid #C4C4CC;
				border-top:1px solid #C4C4CC;
				text-align: center;
				padding: 5px 0;
			}
		#prodPres #content #pitch, #articles, #footer
		{
			background: url(../images/common/meta-body.gif) repeat-y;
			overflow: hidden;
		}
			#prodPres #content #pitch h3
			{
				font-size: 160%;
				margin: 20px 0 0 0;
			}
			#prodPres #content #pitch .top, #articles .top, #meta .top, #footer .top
			{
				background: url(../images/common/meta-top.gif) no-repeat;
				height: 10px;
				width:960px;
				font-size:0;
			}
			#prodPres #content #pitch .bottom, #articles .bottom, #meta .bottom, #footer .bottom
			{
				background: url(../images/common/meta-bottom.gif) no-repeat;
				height: 10px;
				font-size:0;
				float: none;
				clear: both;
				width:960px;
			}
		#prodPres #content #pitch #left
		{
			width: 450px;
			float: left;
			display: inline;
			margin: 0 0 0 20px;
			padding: 0;
			overflow: hidden;
		}
		#prodPres #content #pitch #right
		{
			width: 444px;
			float: left;
			display: inline;
			margin: 0 0 0 25px;
			padding: 0;
			overflow: hidden;
		}
			#prodPres #content #pitch li
			{
				background: url(../images/common/arrow.gif) left center no-repeat;
				padding: 0 0 0 15px;
				line-height: 1.6;
				list-style: none !important;
			}	
		
		
		
	/* BUBBLE BOBBLE */
	/* tooltip styling. uses a background image (a black box with an arrow) */ 
	div.tooltip { 
	    background: transparent url(../images/common/tooltip.gif) no-repeat left center; 
	    height:115px; 
	    padding:20px 30px; 
	    width:295px; 
	    display:none; 
	    z-index: 9999;
	    margin: 10px 0 0 10px;
	    font-size: 76%;
	}

	/* 
	    root element for the scrollable. 
	    when scrolling occurs this element stays still. 
	*/ 
	#prodPres .scrollable { 
	 
	    /* required settings */ 
	    position:relative; 
	    overflow:hidden; 
	    width: 444px; 
	    height:280px;
	    float: left;
	} 
	#view1 #presentation .scrollable { 
	 
	    /* required settings */ 
	    position:relative; 
	    overflow:hidden; 
	    width: 620px !important; 
	    float: none !important;
	} 
	#view1 #presentation a { 
	 
	    display: none;
	} 
	 
	/* 
	    root element for scrollable items. Must be absolutely positioned 
	    and it should have a super large width to accomodate scrollable items. 
	    it's enough that you set width and height for the root element and 
	    not for this element. 
	*/ 
	div.scrollable div.items { 
	    /* this cannot be too large */ 
	    width:20000em; 
	    position:absolute; 
	} 
	 
	/* 
	    a single item. must be floated on horizontal scrolling 
	    typically this element is the one that *you* will style 
	    the most. 
	*/ 
	div.scrollable div.items img, div.scrollable div.items a { 
	    float:left;
	    width: 444px;
	    height: 280px;
	    overflow: hidden;
	    display: inline;
	}

	.prev, .next
	{
		display: inline;
		width: 26px;
		height: 26px;
		float: left;
		cursor: pointer;
	}
		.prev
		{
			margin: 114px 20px 0 0;
		}
		.next
		{
			margin: 114px 0 0 20px;
		}
		
		
		
		
		/* root element for tabs  */
		ul.tabs { 
			list-style:none; 
			margin:30px 0 0 0 !important; 
			padding:0;
			height:36px;
			background: url(../images/common/tabs-top.gif) no-repeat 0 26px; 
		}
		
		/* single tab */
		ul.tabs li { 
			float:left;	 
			text-indent:0;
			padding:0;
			margin:0 !important;
			list-style-image:none !important; 
		}
		
		/* link inside the tab. uses a background image */
		ul.tabs a { 
			background: url(../images/common/tabs.gif) no-repeat 0 0;
			font-size:13px;
			display:block;
			height: 26px;  
			line-height:30px;
			width: 180px;
			text-align:center;	
			text-decoration:none;
			color:#363636;
			font-weight: bold;
			padding:0px;
			margin:0 1px 0 0;	
			position:relative;
			top:1px;
		}
		
		ul.tabs a:active {
			outline:none;		
		}
		
		/* when mouse enters the tab move the background image */
		ul.tabs a:hover {
			background-position: 0 -26px;	
		}
		
		/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
		ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
			background-position: 0 -26px;		
			cursor:default !important; 
			color:#000 !important;
		}
		
		/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
		
		
		/* width 1 */
		ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
		ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
		ul.tabs a.w1.current { background-position: -519px -62px; }
		
		/* width 2 */
		ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
		ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
		ul.tabs a.w2.current { background-position: -366px -62px; }
		
		
		/* width 3 */
		ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
		ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
		ul.tabs a.w3.current { background-position: -193px -62px; }
		
		/* width 4 */
		ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
		ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
		ul.tabs a.w4.current { background-position: -0px -62px; }
		
		div.panes
		{
			background: url(../images/common/meta-body.gif) repeat-y;
			padding: 20px 30px 0 30px;
			overflow: hidden;
		}
		div.paneBottom
		{
			background: url(../images/common/meta-bottom.gif) no-repeat;
			height: 10px;
			margin: 0 0 20px 0;
		}
		/* initially all panes are hidden */ 
		div.panes div.pane {
			display:none;		
		}
		.panes .left
		{
			float: left;
			display: inline;
			width:390px;
			
		}
		.panes .right
		{
			float: right;
			display: inline;
			width:390px;
			
		}
		
		
		
		

		
		/* Product drop down nav */
		.productNav #menuItem1_2 a
		{
			background: url(../images/common/drop-nav-host.gif) 43px 12px no-repeat;
			width: 50px;
			height:31px;
			overflow:hidden;
			display: block;
			position:relative;
			z-index:999;
		}

		
		#productNav
		{
			background: url(../images/common/drop-nav-body.gif) repeat-y;
			margin:0;
			position: absolute;
			top:87px;
			z-index: 100;
			display:none;
			width: 960px;
		}

		
			#productNav .top
			{
				background: url(../images/common/drop-nav-top.gif) no-repeat;
				height: 46px;
				font-size:0;
			}
			#productNav .bottom
			{
				background: url(../images/common/drop-nav-bottom.png) no-repeat;
				height: 15px;
				clear:both;
				float:none;
				font-size:0;
				position:relative;
				top:15px;
			}
			
			#productNav dl
			{
				margin:0 20px 20px 20px;
				float:left;
				display:inline;
				width:152px;
			}
			
				#productNav dt
				{
					font-weight:bold;
				}
				
				#productNav dd
				{
					font-size:85%;
				}
				
				#productNavLast
				{
					margin-right:0 !important;
				}
				
				#dela{background:url(../images/common/dela.gif) center right no-repeat;padding-right:60px;}
				#lite{background:url(../images/common/lite.gif) top right no-repeat;padding-right:15px;}
		
		#subMain #articles
		{
			background: none;
		}
		.panes #productNav
		{
			display: block !important;
			position: static !important;
			/*background: none !important;*/
			background: url(../images/common/drop-nav-body.gif) 0 -60px no-repeat;
			margin: 0 0 0 -30px;
			top: 0;
		}
		.panes #productNav .top
		{
			display: none !important;
		}
		
/* Advanced form */

.advForm label
{
	display:block;
}

.mandatory{color:red;}

.advFormLeft, .advFormRight, .advFormFull
{
	margin:0 0 10px 0;
}

.radioValue, .checkboxValue{margin-right:20px;}

.advFormLeft
{
	float:left;
	display:inline;
	width:160px;
	margin:0 20px 10px 0;
}

	.advFormLeft .text, .advFormRight .text
	{
		width:160px;
	}

.advFormRight
{
	float:left;
	display:inline;
	width:160px;
}

.advFormFull
{
	clear:both;
	float:none;
}

	.advFormFull .select
	{
		width:100%;
	}
	
	
	
	.advFormFull .textarea, .advFormFull .text
	{
		width:98%;
	}
	
.submitContainer
{
	clear:both;
	float:none;
	text-align:right;
}

option.odd{background:#eeeeee}
option.even{background:silver}
.option4{background:red !important;}

.webbpaketLeft{ float: left; margin: 0 5px 0 0; }
.webbpaketRight{ float: left; }