﻿
/* Generelt for alle sider og elementer. */
body
{
	background-color: white;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: .8em;
}

/* Samtlige lenker. */
a:link, a:visited, a:active
{
	padding: 0px;
	color: #6988FF;
	text-decoration: none;
}

/* Effekt når musepeker kommer over en lenke. */
a:hover
{
	color: #3358E4;
	/*background-color: Gray;*/
}

h1
{
	color: #FF6600;
	font-size: 14pt;
	margin-left: 20px;
	margin-top: 20px;
}

h2
{
	color: #FF6600;
	font-size: 12pt;
	margin-left: 20px;
	margin-top: 20px;
}

h3
{
	color: #FF6600;
	font-size: 10pt;
	margin-left: 20px;
	margin-top: 20px;
}

/* Alle side-elementer ligger i denne. */
div.Main
{
	text-align: center;
	}

/* Tabell som alt annet ligger i (alle sider). */
table.MainTable
{
	border: groove 2px black;
	background-color: #FFFFFF;
	width: 940px; 
	text-align: left;
}

/* Celle øverst til venstre på alle sider.  */
td.MainLogo
{
	/*border: dotted 3px white;*/
	width: 350px;
	height: 160px;
}

/* Midten av tabell øverst på alle sider. */
td.MainMiddle
{
	border: solid 0px #000000;
	background-color: #FFFFFF;
	width: 430px;
	height: 160px;	
	padding: 0px 7px 0px 7px;
}

/* Øverste celle til høyre -- Alf tipser. */
td.MainRight
{
	/*border: solid 1px #000000;*/
	width: 160px;
	height: 160px;
}

/* Tabell med celle for produktsøk, handlekurv og artikkel-lenker. */
table.MainToolBar
{
	/*border: groove 3px white;*/
	width: 990px;
	text-align: left;
}

/* Celle for søk -- første celle i ny tabell. Benyttes ikke pr. 13. august 2006.*/
td.MainSearch
{
	/*background-color: #C5EDFF;*/
	/*border: dotted 3px white;*/
	text-align: left;		
}

td.MainPhoneNumber
{
	font-size: 12pt;
	font-weight: bold;
	color: #3358E4;
	padding: 0px;
}

/* Handlekurv øverst -- formater for hele tabellen. */
table.MainShoppingCartTable
{
	/*border: groove 2px #FF6F29;*/
	background-color: #ff6600;
	width: 100%;
	color: White;
	margin: 0px 0px 5px 0px;
}

/* Tom handlekurv. Skal denne vises som en HR? */
hr.MainShoppingCartEmpty
{
	color: #ff6600;
}

/* Knapp i handlekurven. Skal vi sette den for cellene ? */
a.MainShoppingCartButton:link, a.MainShoppingCartButton:visited, a.MainShoppingCartButton:active
{
	/*border: groove 2px #de6f29;*/
	padding: 0px;
	color: White;
	text-decoration: none;
}

a.MainShoppingCartButton:hover
{
	color: white;
	background-color: #FA5200;
	text-decoration: none;
}

/* Tabell som vises øverst med lenker til artikler. */
table.MainArticleTable
{
	background-color: #ffffff;
	width: 100%;
	border: 0px;
	
}
td.MainArticleCell
{
	/*border: solid 2px Orange;	
	background-color: Yellow;
	width: 80px;*/
}

td.MainArticleCellMouseOver
{
/*	border: solid 2px Orange;	
	background-color: Lime;
	width: 80px;*/
}

/*Knapper øverste som linker til artikler. TD. */
a.MainArticleButton:link, a.MainArticleButton:visited, a.MainArticleButton:active
{
	display: block;
	width: 90px;
	
	border: solid 2px #333333;	
	background-color: #333333;
	color: White;
	
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

a.MainArticleButton:hover
{
	display: block;

	background-color: White;
	border: solid 2px #333333;
	color: #333333;

	width: 90px;
}

/* Tabell som kategorier og produktgrupper++ vises i. */
table.MainContentTable
{
	width: 100%;
	text-align: left;
        margin-left: 1px;
}

td.MainContentTableLeft
{
	width: 130px;
	text-align: left;
}

td.MainContentTableRight
{
	width: 100%;
	text-align: left;
	padding: 4px 2px 4px 4px;
}

/*VENSTRE-MENY*/
table.MainCategoryTable
{
	background-color: #EDEDED;
	vertical-align: top;
	padding: 0px;
	width: 130px;
	text-align: left;
	border: solid 1px  #ff6600;
	border-bottom: none;
}

th.MainCategoryHeading
{
	width: 130px;
	background-color: #ff6600;
	color: White;
	padding: 0px;
}

/* Kategori-/gruppe-knapp til venstre på alle sider. Hver knapp er et Anchor-element.  */
a.MainCategoryButton:link, a.MainCategoryButton:visited, a.MainCategoryButton:active
{
	display: block;
	width: 130px;
	height: 18px;
	text-align: left;
	text-indent: 5px;
	text-decoration: none;
    background-color: white;
    color: black;
    border-bottom: 1px solid #ff6600;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* fungerer ikke når div omkranser teksten til lenken. */
a.MainCategoryButton:hover
{
	background-color: #e8e8e8;
}


/***** ProductBox - produktboks på forsiden og i grupper ****/
.ProductBoxTable
{
	/*width: 264px;*/
	width: 100%;
	border: #333333 2px solid;
	background-color: #FFFFFF;
	border-spacing: 0px;
	overflow: auto;
}

/* Overskrift i produktboks. Settes for TD. */
.ProductBoxHeading
{
	font-size: 10pt;
	font-weight: bold;
	/*background-color: #3358E4;*/
	background-color: #333333;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	height: 28px;
	text-align: left;
	vertical-align: middle;
}

td.ProductBoxImageTD
{
	width: 140px;
	text-align: center;
}

/* Settes inn som DIV-tag i produktbildecellen. */
div.ProductBoxImage
{
	width: 140px;
	height: 140px;
	overflow: hidden;
	background-color: #FFFFFF;
	vertical-align: middle;
}

/* Settes inn som DIV-tag i ingress-cellen. */
.ProductBoxSummary
{
	font-size: 8pt;
	color: black;
	vertical-align: middle;
	/*font-weight: bold;*/
	/*width: 128px;*/
	overflow: auto;
	min-width: 100px;
}

/* TD for visning av pris. */
.ProductBoxPrice
{
	font-weight: bold;
	font-style: italic;
	font-size: 13pt;
	color: Black;
	background-color: #FFFFFF;
	/*width: 128px;*/
	height: 20px;
	width: 150px;
	white-space: nowrap;
}

/* Anchor for visning av kjøp-knapp */
a.ProductBoxBuyLink:link, a.ProductBoxBuyLink:visited, a.ProductBoxBuyLink:active, a.ProductBoxBuyLink:hover
{
	padding: 0px 3px 1px 3px;
    margin: 2px;
    /*text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;*/
    /*color: #fff;*/
    /*background-color: #ff6600;*/
    /*border: 1px solid;
    border-color: #ffc8a4 #3f1a01 #3f1a01 #ffc8a4;*/
    cursor: pointer;
    background-image: url(/Images/liten.jpg);
    background-repeat: no-repeat;
    width: 51px;
    height: 27px;
    display: block;
}

/* TD for visning av Mer Info-knapp. */
a.ProductBoxMoreLink:link, a.ProductBoxMoreLink:visited, a.ProductBoxMoreLink:visited
{
	padding: 4px 3px 0px 3px;
    margin: 0;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #333333;
    border: 1px solid;
    border-color: #ffc8a4 #3f1a01 #3f1a01 #ffc8a4;
    cursor: pointer;
    display: block;
    width: 55px;
    height: 22px;
    
}

a.ProductBoxMoreLink:hover
{
	background-color: #333333;
}


/*********** HANDLEKURV-VISNING. **********/

/* Tabell med varelinjer. */
.ShoppingCartPageTable
{
	width: 100%;
	/*background-color: #FF6F29;*/
	border: solid 1px #000000;
	text-align: left;
	padding: -1x -1px -1px -1px;
	margin: 0px 0px 0px 0px;
}

tr.ShoppingCartPageTableHeaderRow
{
	background-color: #ff6600;
	font-weight: bold;	
	border-color: #ff6600;
	color: #FFFFFF; 
}

/* Overskrifter tabell med varelinjer. */
.ShoppingCartPageTableHeading
{
	
}

.ShoppingCartButton
{
	color: #ffffff;
	background-color: #ff6600;
}

/*
* PRODUKTSIDEN
*/

table.ProductPageTable
{
	width: 100%;
	border-width: 0px;	
}

/* Dette er en TD. */
td.ProductPageHeader 
{
	color: White;
	background-color: #333333;
	text-align: left;
	font-weight: bold;
}

/* Dette er et SPAN-element. */
span.ProductPageSummary
{
	font-weight: bold;
	text-align: left;
}

td.ProductPageThumbNailTD
{
	width: 145px;	
}

/* Dette er en DIV. */
div.ProductPageThumbNail
{
	border: groove 1px black;
	width: 145px;
	height: 145px;
	overflow: auto;
	background-color: #ffffff;
	text-align: center;
}

/* Dette er en TD. Merk at produktdetaljer er i en tabell inne i denne! */
td.ProductPageDetail
{
	color: White;
	background-color: #6988FF;
	border: groove 1px white;
	width: 200px;
	text-align: left;
}
/* Dette er en TD. */
td.ProductPagePrice
{
	font-size: 16pt;
	width: 200px;
	font-weight: bold;
	text-align: left;
}

/* Dette er et A-element. */
a.ProductPageBuyLink:link, a.ProductPageBuyLink:active, a.ProductPageBuyLink:visited, a.ProductPageBuyLink:hover
{
	padding: 0px 3px 3px 3px;
    margin: 2px;
    cursor: pointer;
    background-image: url(/Images/stor.jpg);
    background-repeat: no-repeat;
    display: block;
    width: 74px;
    height: 40px;
}

/* SLUTT PRODUKTSIDE */

h1.CheckOutPageHeading
{

	
}

h2.CheckOutPageHeading
{
	color: #6988FF;
	font-size: 12pt;	
}

.RegisterTable
{
	background-color: #F7F7DE;
	border: solid 1px #cccc99;
}

div.NewsletterBox
{
	width: 620px;
	background-color: White;	
}

.NewsletterSummary
{
	font-weight: bold;
}

.NewsletterFooter
{
	font-style: italic;
}

/*	VI HAR KOMMET HIT MEN IKKE LENGER! */


.DetailProductName
{
	color: Green;
	font-size: 1.2em;
}

.DetailProductSummary
{
	font-weight: bold;
	font-size: 1.0em;
}

.DetailProductNumber
{
	font-weight: bold;
	color: Red;	
}

.DetailProductPrice
{
	font-weight: bold;
}

.DetailInventoryStatus
{
	color: Navy;	
	
}

.DetailCaption

{
	color: Maroon;	
}



/*
 * Innstillinger for innlogging.
*/
.LoginName
{
	font-weight: bold;
	font-size:.7em;	
}

/*
 * Admin-grensesnittet
 */

h1.Admin
{
	font-size: 1.4em;
	font-family: Tahoma;
	color: Orange;
}


table.Admin
{
	
	border: solid 2px Orange;	
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

body:Admin
{
	background-color: White;
}

td.HeaderRow
{
	background-color: White;
	font-size: 1.2em;
	color: Orange;
}

td.SeparatorRow
{
	color: Teal;
	background-color: White;
	border-bottom: solid 2px Orange;
	height: 35px;
}

.ProductDisplayNameInList
{
	font-size: 1.1em;
	font-weight: bold;
	/*color: #000080;*/	
	width: 100%;
}

.ProductSuppliersNameInList
{}

/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 150px;
border: 2px solid #C0C09F;
padding: 6px 0px 0px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;
}

.navlist li {
    display:inline;
    padding:0 .4em;
    border-right: solid 1px #000000; 
}
.navlist li.last {
    border:none;
}
.navlist 
{
	display: inline;
	margin-left: 2px;
	padding-left: 2px;
    font-weight:bold;
    text-align: left;
}
#TimeStuntCountDown 
{
	font-size: large;
	color: Red;
}
.TimeStuntCountDown
{
	font-size: small;
	color: Red;
}