BODY {
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #EEEEEE;
	
}

IMG {
	margin: 0px;	
}

TD {
	font-size: 10px;
	color: #666666;
}

TH {
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}

P {
	margin: 0em 0em 1em 0em;
}

DIV {
	font-size: 10px;
	margin: 0px;
}

UL {
	font-size: 10px;
	margin: 0px 0px 10px 15px;
}

LI {
	padding: 0px;
	margin: 0px; 
}

A {
	text-decoration: underline;
	color: #666666;
}

A:HOVER {
	text-decoration: underline;
	color: #CC0000;
}

/* = = = = = FORMULR = = = = = */

INPUT {
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial;
}

INPUT.SmallButton {
	font-size: 9px;
	margin: 3px 0px 0px 0px;
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

INPUT.SmallText {
	font-size: 9px;
}

INPUT.Search {
	width: 200px; 
	border: #8A817D 1px solid; 
	font-size: 10px;
}

SELECT {
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial;
}

TEXTAREA {
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial;
}

/* BODY.Toppmeny {
	background-color: #FFFFFF;
	margin: 0px;
}
*/

body.OrdinaryPage	{
	margin: 20px;
}

#Container	{
	text-align: center;
}


/*--- ProductItemList templates ---*/
ul.ProductItemList	
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	table-layout:fixed;
}

ul.ProductItemList li	
{
	margin-right: 8px;
	margin-bottom: 15px;
	height:1%;
	position: relative;
	vertical-align:top;	
	display: inline;
}

ul.ProductItemList li div.ItemWrapper
{
	margin-bottom: 0px;
}

ul.ProductItemList li div.ImageContainer 
{
	margin: 0px;
	padding: 1px;
	border: solid 1px #BBB;
}

ul.ProductItemList li div.ImageContainer img
{
	border: 0px;
	padding: 1px;
}

ul.ProductItemList li div.TextContainer 
{
	margin: 1px;
}

/*--- ProductList templates ---*/
ul.ProductList	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

ul.ProductList li	{
	float:left;
	width: 80px;
	height:100px;
	margin-right:8px;
	margin-bottom: 15px;
}

ul.ProductList li div.ImageContainer 
{
	width:80px;
	height:80px;
}

ul.ProductList li div.ImageContainer img
{
	width:80px;
	height:80px;
	border:0px;
}

ul.ProductList li div.TextLinkContainer 
{
	width:80px;
	height:25px;
	word-wrap:break-word;
	overflow:hidden;
	text-align:center;
}

ul.ProductList li div.TextLinkContainer a
{
	text-decoration: none;
}

ul.ProductList li div.TextLinkContainer h1
{
	margin: 0 0 0 0;
	font-size: 10px;
	font-weight: normal;
}

/*--- Lampshade templates ---*/


ul.LampshadesList	{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.LampshadesList li	{
	float: left;
	width: 230px;
	margin: 5px;
}

ul.LampshadesList li.RightJustify	{
	text-align: right;
}

ul.LampshadesList li.LeftJustify	{
	text-align: left;
}

ul.LampshadesList li.RightJustify img	{
	float: right;
	margin: 0 0 0 20px;
}

ul.LampshadesList li.LeftJustify img	{
	float: left;
	margin: 0 20px 0 0;
}

ul.LampshadesList li a	{
	text-decoration: none;
}

ul.LampshadesList li h1	{
	margin: 40px 0 0 0;
	font-size: 14px;
	font-weight: normal;
}

img.LampshadeImage	{
	margin: 0 0 15px 15px;
	float: right;
}

ul.LampshadeFiles	{
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul.LampshadeFiles li	{
	margin: 15px 0 0 0;
	padding: 1px 0 1px 20px;
	background: url(../images/LampshadeFileIcon.gif) no-repeat top left;
}

ul.LampshadeFiles li img	{
	margin: 0 10px 0 0;
	vertical-align: middle;
}

/*---/  DIV  ---*/

	h1, DIV.Rubrik
	{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 1em;
	}
	
	DIV.Underrubrik
	{
		font-weight: bold;
		font-size: 12px;
		margin: 0px 0px 4px 0px;
	}
	
	DIV.Ingress
	{
		font-weight: bold;
		margin: 2px 0px 10px 0px;
	}
	
	DIV.Brodtext
	{
		font-weight: normal;
		margin: 0px;
	}
	
	DIV.BrodtextCenter
	{
		font-weight: normal;
		margin: 0px;
		text-align: center;
	}
	
	DIV.BrodtextBold
	{
		font-weight: bold;
	}
	
	DIV.BrodtextBoldRight
	{
		font-weight: bold;
		text-align: right;
	}
	
	DIV.SidHuvud
	{
		Font-Size: 12px;
		font-weight: bold;
		margin: 0px 0px 10px 5px;
	}
	
	DIV.cSidorData
	{
		margin:0px 0px 0px 0px;
	}
	
	DIV.Attatchments
	{
		margin:10px 0px 0px 0px;
	}
	
	DIV.Attatchments2
	{
		text-align: left;
		padding-top: 0px;
	}
	
	DIV.Menyrubrik
	{
		font-size: 14px;
		font-weight: bold;
		margin-left: 5px;
		margin-bottom: 6px
	 }
	
	DIV.Meny
	{
		margin: 5px 0px 0px 10px;
		/*height:400px;*/
		overflow:auto;
	}
	
	DIV.ToppTabb
	{
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
	}
	
	DIV.Login
	{
		margin-left: 80px;
		font-weight: bold;
	}
	
	DIV.Adress
	{
		color: #999999;
	}

	DIV.InkopslistaHeader
	{
		width: 503px;
		height: 34px;
		border: 1px solid #DDDDDD;
		background-image: url(../images/inkopslista_headerbackgr.gif);
		font-size: 14px;
		font-weight: bold;
		padding: 7px 0px 0px 10px;
		margin-top: 5px;
		cursor: pointer;
	}
	
	DIV.Mellanrubrik
	{
		font-size: 14px;
		font-weight: bold;
		margin: 0px 0px 3px 0px;
	}
	
	DIV.Formtext
	{
		font-weight: bold;
		margin: 0px 0px 1px 0px;
	}

	DIV.FormResultText
	{
		color: #999999;
		font-weight: normal;
		margin: 0px 0px 3px 0px;
	}


/*---/  Table, Td  ---*/

	TABLE.Toppmeny
	{
		margin: 0px 0px 0px 305px;
		width:100%;
		height:40%;
	}
	
	TABLE.ToppTab
	{
		height:25px;
	}
	
	TD.MenyRubrik
	{
		vertical-align : top;
		height: 20px;
	}
	
	TD.BoldRubrik
	{
		font-weight:bold;
		text-align:right;
	}
	TD.MenuIcon
	{
		padding-left:10px;
		margin-top:2px;
	}
	
	TD.Meny
	{
		vertical-align: top;
		margin:0px 0px 0px 10px;
	}
	
	TD.HomeTab
	{
		color:#FFFFFF;
		text-align:center;
		font-weight:bold;
		width:80px;
		padding:8px 0px 0px 0px;
		
	}

	TD.Toppmeny
	{
		vertical-align: top;
	}
	
	TD.MenuButton
	{
		background-image: url(../../images/menubutton_backgr01.gif);
		background-repeat: no-repeat;
	}
	
	TD.TodayDate
	{
		color:#FFFFFF;
		padding: 3px 0px 0px 10px;
	}
	
	TD.Rubrik
	{
		font-size: 18px;
		font-weight: bold;
	}
	
	TD.BorderBottom
	{
		border-bottom: 1px solid #DDDDDD;
		height: 25px;
		padding: 3px 3px 3px 3px;
	}
	
	TD.ArtikellistaHuvud
	{
		border-top: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		height: 25px;
		padding: 0px 5px 0px 5px;
		background-color: #EEEEEE;
	}
	
	TD.InkopslistaSumma
	{
		padding: 7px 3px 7px 0px;
		font-size: 14px;
		font-weight: bold;
		text-align: right;
		border-top: 2px solid #CCCCCC;
		border-bottom: 2px solid #CCCCCC;
	}
	
	TD.FormSpacingTop
	{
		padding-top: 8px;
	}
	
	TD.FormResultText
	{
		font-size: 11px;
		font-weight: bold;
		padding-top: 8px;
	}
	

/* = = = = = LNKAR (A) = = = = = */

	A.MenuButton
	{
		font-size: 10px;
		font-weight:bold;
		text-decoration: none;
		color:#666666;
		padding:0px 0px 0px 2px;
	}
	
	A.MenuButton:Hover
	{
		text-decoration: none;
	}
	
	A.MenuButtonRed
	{
		font-size: 10px;
		font-weight:bold;
		text-decoration: none;
		color:#CC0000;
		padding:0px 0px 0px 2px;
	}
	
	A.MenuButtonRed:Hover
	{
		text-decoration: none;
	}
	
	A.MenuButtonNS
	{
		font-weight: bold;
		text-decoration: none;
		color: #00525E;
	}
	
	A.MenuButtonNS:Hover
	{
		text-decoration: underline;
	}
	
	A.MenuButtonleft
	{
		text-decoration: none;
		color: #000000;
		font-weight:normal;
	}
	
	A.Tab
	{
		color: #666666;
		text-decoration: none;
	}
	
	A.MenuRed
	{
		color:#CC0000;
		text-decoration: none;
	}
	
	A.MenuRed:Hover
	{
		text-decoration: none;
	}
	
	A.MenuRedHover
	{
		color: 666666;
		text-decoration: none;
	}
	
	A.MenuRedHover:Hover
	{
		color: #CC0000;
		text-decoration: none;
	}
	
	A.NoUnderline
	{
		color: #666666;
		text-decoration: none;
	}
	
	A.NoUnderline:Hover
	{
		color: #CC0000;
		text-decoration: none;
	}
	

/*---/  Img  ---*/

	IMG.BrodtextL
	{
		margin: 0px 4px 4px 0px;
	}
	
	IMG.BrodtextR
	{
		margin: 4px;
	}
	
	IMG.BrodtextC
	{
		margin: 0px 0px 4px 0px;
	}
	
	IMG.Logo
	{
		margin-left: 0px;
		margin-bottom: 2px;
	}

	IMG.InkopslistaRadera
	{
		border: 0px;
		width: 13px;
		height: 13px;
		margin: 1px 0px 0px 4px;
		cursor: pointer;
	}

	IMG.InkopslistaRadmarkning
	{
		border: 0px;
		width: 11px;
		height: 14px;
		margin: 1px 0px 0px 0px;
		cursor: pointer;
	}

	IMG.InkopslistaFavoriter
	{
		border: 0px;
		width: 16px;
		height: 16px;
		margin: 2px 0px 0px 5px;
		cursor: pointer;
	}


LI.StartPage
{
	Padding:2px;	
}

/* = = = = = TREE-MENU = = = = = */

.MenyLevel1 {
	margin: 2px 2px 2px 0px;
	padding: 3px 1px 3px 13px;
	text-indent:0;
}

.MenyLevel2 {
	margin: 2px 2px 2px  5px;
	padding: 3px 1px 3px 13px;
	text-indent:0;
}

.MenyLevel3 {
	margin: 2px 2px 2px 10px;
	padding: 3px 1px 3px 13px;
	text-indent:0;
}

.MenyLevel4 {
	margin: 2px 2px 2px 15px;
	padding: 3px 1px 3px 13px;
	text-indent:0;
}

.MenyLevel5 {
	margin: 2px 2px 2px 20px;
	padding: 3px 1px 3px 13px;
	text-indent:0;
}

.MenyLevel6 {
	margin: 2px 2px 2px 25px;
	padding: 3px 1px 3px 13px;
	text-indent:0;
}

.MenyLevel7 {
	margin: 2px 2px 2px 30px;
	padding: 3px 1px 3px 13px;
	text-indent:0;
}


.Grey {
	color:#999999;
}

.ImgPadding {
	padding: 3px 0px 0px 0px;
}
.Text14px {
	font-size: 14px;
}
.Black10px {
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
}

/* = = = = = PDM = = = = = */
.PDMRubrik14 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 3px;
}
.PDMRubrik14i {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 4px;
}
.PDMRubrik18 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
}

/* = = = = = Flikar (SPAN) = = = = = */
span.tab {
	margin-right: 2px;
	height: 19px;
	background-color:#FFFFFF;
	border-top:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	border-bottom: none; 
	border-left:1px solid #BBBBBB;
	padding: 2px 3px 0px 3px;
	position: relative;
	cursor: hand;
	margin-top: 2px;
}

span.tab-active {
	margin-right: 2px;
	height: 20px;
	background-color:#EEEEEE;
	border-top:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	border-bottom: none; 
	border-left:1px solid #BBBBBB;
	padding: 2px 3px 0px 3px;
	position: relative;
	top: 1px;
	cursor: hand;
	margin-top: 2px;
}

/* = = = = = Artikeltabell = = = = = */
th.itemgrid {
	/*text-align: left;*/
	border-bottom: 1px solid #BBBBBB;
}
td.itemgrid {
	border-bottom: 1px solid #BBBBBB;
}
td.itemgrid-left {
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
}
td.itemgrid-active {
	background-color: #EEEEEE;
	border-bottom: 1px solid #BBBBBB;
}
td.itemgrid-active-left {
	background-color: #EEEEEE;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
}

/*
td.itemgrid-gray {
	background-color: #BBBBBB;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	width: 10px;
}
td.itemgrid-gray-active {
	background-color: #EEEEEE;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	width: 10px;
}
table.itemgrid {

	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	border-bottom: none;
	*/
}

#ajax-wait {margin-top: 6px; padding-top: 2px; padding-left: 22px; height: 15px; background: url(../images/wait.gif) left top no-repeat;}

#upload-orderfile #main h3					{margin-bottom: 7px; font-size: 14px;}
#upload-orderfile #main form				{margin: 0;}						
#upload-orderfile #main label				{width: 80px; font-weight: bold;}
#upload-orderfile #main input.orderfile		{font-size: 12px; height: 25px; width: 279px; line-height: 20px;}
#upload-orderfile #main input.button		{font-size: 10px; font-weight: bold; height: 25px;}
#upload-orderfile #main div.clear-bottom	{margin-bottom: 20px;}
#upload-orderfile #main div.right			{text-align: right;}

#upload-orderfile #main div.resultOK		{color: #009933;}
#upload-orderfile #main div.resultOK div	{display: inline; width: 70px;}
#upload-orderfile #main div.resultERROR		{color: #CC0000;}
#upload-orderfile #main div.resultERROR div	{display: inline; width: 70px;}