/******************************************
I denna CSS-fil ska endast kundunik stil-
mall finnas. Generella struktur förändringar
skrivs i html.css!
******************************************/
/*************************** HTML TAG **********************************/
body 
{
    background-image: url('Images/Back/General/mainbg.png');
    background-repeat: repeat-x;
    background-color: #EEEEEE;
    font-family: Verdana;
    color: #000000;
}

h1
{
    margin-top: 0px;
    margin-left: 25px;
    color: #000000   ;
}
h2
{
    color: #ffffff   ;
}

p 
{
    color: #000000;
}

div
{
    color: #000000;
}

/************************* MASTERPAGE **********************************/

#PageTop 
{
    background-image: url('Images/Back/White/header.png');
    background-repeat: no-repeat;
}

#PageContent 
{
    background-image: url('Images/Back/White/bg.png');
    background-color: transparent;
}

#CompanyInfo 
{
    background-color: Transparent;
    color: #000000;
    font-size: 10px;
    font-weight: 400;
}

#logoLink
{
	background-image: url('Images/Back/General/logo.png');
    height: 60px;
    width: 197px;
}

#MainMenuDiv 
{
    background-image: url('Images/Back/General/TopMenuBackground.png');
    background-color:Transparent;
    color: #ffffff;
}

#MenuSeparator
{
    height: 200px;
}

.MainMenu 
{
    font-size: 12px;
    margin-top: -1px;
    padding-top: 0px;
}

.MainMenuItem 
{
    font-size: 12px;
    background-color: transparent;
}

.MainMenuItem a 
{
    color: #000000;
    font-weight: 700;
}

.MainMenuHover 
{
    color: #ffffff;
    font-weight: 700;
}

#FooterDiv 
{
    background-image: url('Images/Back/White/footer_white.png');
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 10px;   
}

/*********************************** PRODUCT MENU ********************************/
#ProductMenuList
{
	background-image: url('Images/Back/General/product_menu_bg.png');
    background-color: #01592F;
    border: solid 3px;
    border-bottom-color: #00370D;
    border-right-color: #00481E;
    border-top-color: #237B4F;
    border-left-color: #00481E;
    font-size: 12px;
}

#ProductMenuList table 
{
    background-color: Transparent;
}

a.ProductMenuRootItem
{
	background-image: url('Images/Back/General/product_menu_button.png');
	background-color: #d49800;
	border: 1px solid #ad7c00 !important;
	color: #000000 !important;
}

a.ProductMenuRootItem:hover
{
	background-color: #ad7c00;
}

.ProductMenuItem, .ProductMenuItem a
{
    color: #000000;
}

#ProductMenu a, .ProductMenuTable a, .ProductMenuItem a
{
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
}

#ProductMenu a:hover, .ProductMenuTable a:hover, .ProductMenuItem a:hover
{
    color: #849CBB;
    font-weight: 700;
} 

a.basketLink
{
	color: #ffffff;
	float:right;
}

#ProductMenuList h3 
{
    margin-top: 5px;
    font-size: 12px;
    color: #ffffff;
}

#ProductMenuList h5 
{
    color: #000000;
    font-size: 12px;
}

.ProductMenuBreadCrumb, .ProductMenuBreadCrumb a
{
	color: #ffffff;
}

.ProductMenuBreadCrumb a:hover
{
	color: #ffffff !important;
}

/********************** ORDER MAP ********************************/
.OrderMap 
{
    background-color: #dddddd;
    color: #000000;
    font-size: 10px;
}

.OrderMap h3
{
    font-size: 10px;
    margin-bottom: 3px;
}

.MapCurrentStep
{
}

.MapCommingStep
{
    color: #ff0000;
}

.MapPreviousStep
{
    color: #76880d;
}

/*************************** LOGIN TABLE *******************************/
#LoginTable 
{
    background-color: #01592F;
    border-top: solid 3px #237B4F;
    border-left: solid 3px #126A3F;
    border-right: solid 3px #00481E;
    border-bottom: solid 3px #00370D;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    background-image: url('Images/Back/General/loginbox.png');
}

.UserType dt
{
    background-image: url('Images/bullet.png');
}

.ErrorMessage
{
    color: #ff0000;
}

/*********************************** OBJECTS *************************************/

.CompanyInfoObject
{
    padding: 20px 20px 10px 20px;
    float: right;
}

.InfoBox 
{
    border: #CCCCCC solid 3px;
    background: #666666;
    padding: 25px;
    margin: 25px;
    min-width: 100px;
    font-size: 12px;
}

/************************* REDIRECT *****************************/



/*********************** PRODUCT LIST ***************************/

.ProductsTable
{
    background-color: #dddddd;
    border-top: solid 2px #CCCCCC;
    border-left: solid 2px #BBBBBB;
    border-right: solid 2px #999999;
    border-bottom: solid 2px #888888;
    font-family: verdana;
    color: #000000;
}

.ProductsTable td, .ProductsTable th 
{
    border: 0;
    font-size: 12px;
}

.ProductsTable th
{
    font-weight: bold;
    color: #ffffff;
    background: #DC1921 url('Images/Back/General/tableheader.png') repeat-x center left;
}

.ProductsTable td
{
    font-weight: normal;
}

#ProductListLabelInfo
{
    font-size: 12px;
}

.ProductListFooter
{
    background: #DC1921;
    border: 0;
    color: #ffffff;
    font-weight: 700;
    
}

.ProductListFooter a
{
    color: #ffffff;
    text-decoration: none;
}

.ProductListFooter span
{
	/* This is the current page */
	font-weight: bold;
}

.ProductListFooter table 
{
    border: 0;
}


/*********************** TABLE COLUMNS ***********************************/

.PartNumberColumn, .DescriptionColumn, .OrderNumberColumn, .CustomerOrderNumberColumn, .OrderDateColumn
{
    padding-left: 5px;
}

.PriceColumn, .DiscountColumn, .AmountColumn
{
    padding-right: 5px;
}

.PartNumberColumn, .DescriptionColumn, .PriceColumn, .DiscountColumn, .AmountColumn, .QtyColumn,
.UpdateColumn, .RemoveColumn, .OrderNumberColumn, .CustomerOrderNumberColumn, .OrderDateColumn
{
	padding-top: 5px;
}

.PartNumberColumn
{
    width: 156px;   
}

.DescriptionColumn a
{
	color: #BA0700;
	text-decoration: none;
}

.OrderNumberColumn a
{
	color: #BA0700;
	text-decoration: none;
}

.PriceColumn
{
    text-align: right;
}

.CurrencyColumn
{
    width: 42px;
    text-align: center;
}

.BalanceColumn 
{
    width: 40px;
    text-align: right;
}

.UnitColumn 
{
    width: 42px;
    text-align: center;
}

.QtyColumn
{
    text-align: center;
    width: 20px;
}

.QtyColumn input
{
    width: 40px;
}

.BuyColumn 
{
    text-align: center; 
    width: 40px;  
}

.BuyColumn a
{
    font-weight: 700;
    color: #BA0700;
    text-decoration: none;
}

.DiscountColumn
{
    text-align: right;
}

.DiscountColumn input
{
	width: 40px;
}

.AmountColumn
{
    text-align: right;
}

.UpdateColumn, .RemoveColumn
{
	text-align: center;
}

.UpdateColumn a, .RemoveColumn a
{
	text-decoration: none;
}

.UpdateColumn a
{
	color: #BA0700;
}

.RemoveColumn a
{
	color: #ff0000;
}

/********************** BASKET ***************************/ 

.BasketTable 
{
    color: #000000;
    font-family: verdana;
    background-color: #dddddd;
    border-top: solid 2px #CCCCCC;
    border-left: solid 2px #BBBBBB;
    border-right: solid 2px #999999;
    border-bottom: solid 2px #888888;
}

.BasketTable th, .BasketTable td
{
	border: 0;
	font-size: 12px;
}

.BasketTable th
{
	color: #ffffff;
	font-weight: bold;
	background: #DC1921 url('Images/Back/General/tableheader.png') repeat-x center left;
}

.BasketTable td
{
    font-weight: normal;
}

.BasketFooter, .PagerFooter
{
    border: 0;
    color: Black;
    font-weight: 700;
    
}

.PagerFooter
{
	background-color: #222222;
	color: #ffffff;
}

.PagerFooter span
{
	font-weight: bold;
}

.PagerFooter a
{
	color: #ffffff;
	text-decoration: none;
}

.BasketFooter a
{
    color: Black;
    text-decoration: none;
}

.BasketFooter table, .PagerFooter table
{
    border: 0;
}

/************************************ CONFIGURATION *****************************/

.ChoiceInfoTable img
{
	border: 2px inset #555555 !important;
}

#GroupSelectionHolder
{
	border-color: #000000;
	background-color: #EEEEEE;
	
}

#GroupSelectionChoice li, #GroupSelectionChoice li textarea
{
	color: #000000;
}

#GroupSelectionChoice
{
    border: solid 1px #555555;
    
}

.SelectedCategoryMenuItem
{
	color: #000000;
	background-color: #999999;
}

.StaticCategoryMenuItem
{
    
	color: #000000;
	border-bottom: solid 1px #555555;
	border-right: solid 1px #555555;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
}

/***************************** ORDER SUMMARY & ORDER HEAD ************************************/
.CustomerInfoLeft
{
    color: #000000;
    font-size: 12px;
    margin-bottom: 5px;
}

.CustomerInfoRight
{
    color: #000000;
    font-size: 12px;
    margin-bottom: 5px;
}

#CustomerInfoHolderTop, #CustomerInfoHolderMiddle, #CustomerInfoHolderBottom
{
	font-size: 12px;
}

#CustomerInfoHolderTopLeft, #CustomerInfoHolderTopRight, #CustomerInfoHolderMiddleLeft, #CustomerInfoHolderMiddleRight,
#CustomerInfoHolderBottomLeft
{
    background-color: #FFFFFF;
}

#CustomerInfoHolder h2
{
	font-weight: bold;
}

.Calendar div
{
	background-color: #ffffff !important;
	color: #000000 !important;	
}

/***************************** ORDERSTATUS & ORDERHISTORY ************************************/
    
.OrderTitle
{
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}
.OrderSubTitle
{
    font-size: 12px;
    font-weight: 400;
}
.SelectionPanel
{
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}
.SelectionPanel td
{
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}

/***************************** REDIRECT ******************************************/

.RedirectBox
{
    font-size: 12px;
    color: #000000;
}

/************************************ BUTTONS ***********************************/

input[type="button"], input[type="submit"]
{
	/*
	 * Detta är den bild som visas på varje knapp. Höjden bör vara 30 pixlar och bredden
	 * endast några få pixlar. Bilden repeteras i vågrät riktning från knappens vänster
	 * sida till dess höger sida. Knappens dominerande färg anges som en färgkod nedan.
	 */
	background-image: url('Images/Back/General/buttongradient.png');
	
	/* Knappens dominerande färg. */
	background-color: #d49800;
	border-bottom-color: #c38700;
	border-top-color: #e5A911;
	border-left-color: #e5A911;
	border-right-color: #c38700;
    font-weight: 700;
}

/************************************ OTHER ***********************************/

#ProgressBarHolder
{
	height: 20px;
	margin-top: 25px;
}

#ProgressBarImage
{
	background-image: url('Images/Back/White/ajax-loader.gif');
	height:19px;
	width:220px;
}

.DisplayBlock 
{
    display: block;
}