﻿/* Brödtext */
body, div
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/* Stycken */
p
{
	margin-top: 4px;
	margin-bottom: 6px;
}

/* Rubriker */
h1
{
	margin-top: 11px;
	margin-bottom: 8px;
	font-size: 1.6em;
	/*color: #686868;*/
}

h2
{
	margin-top: 11px;
	margin-bottom: 8px;
	font-size: 1.5em;
	/*color: #686868;*/
}

h3
{
	margin-top: 11px;
	margin-bottom: 8px;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	/*color: #686868;*/
}

h4, .caption /* Samma som caption / styckerubrik */
{
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
	/*color: #686868;*/
}

/* Rubrik 4, understruken */
h4.underlined
{
	width: 100%;
	padding-bottom: 3px;
	border-bottom: #B7B6B6 1px solid;
}

/* Styckerubrik */
/*.caption
{
	font-size: 1.1em;
	font-weight: bold;
	color: #686868;
}*/

/* Inmatningsfält och knappar */
input, select, textarea
{
	margin-top: 1px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/*****************************************************************************/
/* Länk: vanlig */
a:link
{
	color: #000080;
}

/* Länk: besökt */
a:visited
{
	/*color: #a45aa2;*/
	color: #000080;
}

/* Länk: pekare över */
a:hover
{
	color: #800000;
}

/* Länk: aktiv (knapp nere) */
a:active
{
	color: #808080;
}

/* Länkfält (Tex bildväljare) */
a.linkField
{
	display: block;
	width: 100%;
	text-decoration: none;
	background-color: #eee8aa;
}

/* Länkfält: pekare över */
a.linkField:hover
{
	background-color: #ffa07a;
}

/*****************************************************************************/
/* Träd (kategoriträd) */
div.navTree
{
}

/* Träd: Första nivån */
td.navTreeLevel0
{
	font-weight: bold;
}

/* Träd: Andra nivån */
td.navTreeLevel1
{
}

/*****************************************************************************/
/* Punktlistor */
ul, ol
{
	margin-top: 4px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-left: 25px;
	list-style-image: url('/images/design/bullet.gif');
	list-style-position: outside;
}

/*****************************************************************************/
/* Infotabeller (tex produktfakta, fraktpriser etc) */
table.infoTable
{
	border: solid 1px #B7B6B6;
}

/* Celler i infotabeller */
table.infoTable td
{
	vertical-align: top;
}

/* Tabellrubriker (titel) */
table caption
{
	padding: 1px;
	margin-left: -1px;
	text-align: left;
	font-weight: bold;
	background-color: #E4DFF2;
	/*color: #686868;*/
	border: solid 1px #B7B6B6;
}

/* Tabellhuvud (kolumnrubriker) */
tr.infoHeader
{
	background-color: #E4DFF2;
	/*color: #686868;*/
	text-align: left;
}

/* Tabellrad (vanlig rad) */
tr.infoRow
{
	background-color: #FFFFFF;
}

/* Tabellrad (varannan rad) */
tr.infoAltRow
{
	/*background-color: #E4DFF2;*/
}

/* Tabellfot (summarad) */
tr.infoFooter
{
	border-top: solid 1px #686868;
}

/*****************************************************************************/
/* Produkt */

/* Titel */
h2.pTitle
{
}

/* Undertitel */
h3.pSubTitle
{
}

/* Författare */
span.pAuthor, div.pAuthor
{
	font-size: 1.1em;
	font-weight: bold;
	/*color: #686868;*/
}

/* Märkning: "Nyhet!" */
span.new
{
	color: #A00000;
}

/* Pris */
span.price
{
	font-size: 1.5em;
	font-weight: bold;
	font-family: Tahoma;
	color: #F19624;
}

/* Kampanjpris */
span.campaignPrice
{
	color: #CC0000;
}

/* Kampanjbeskrivning el motsv */
span.priceDescr
{
	font-size: 1.1em;
	font-weight: bold;
	color: #F19624;
	line-height: 130%;
}

/* Prisinfo för ÅF */
span.priceInfo
{
	font-size: 0.9em;
	font-style: italic;
}

/* Box som omger pris (span.price) */
/*div.priceBox
{
	display:block;
	float:left;
	padding-right:5px;
}*/

/* Box som omger köpknapp */
span.buyButton
{
	white-space:nowrap;
}

/* Ordinarie pris (om kampanjpris finns) */
span.regularPrice
{
	text-decoration: line-through;
	font-style: italic;
	color: Gray;
}

/* Klicka för förstoring */
div.enlargeImage
{
	font-size: 0.9em;
	color: #888888;
}

/*****************************************************************************/
/* Produktlista */
td.listSeparator
{
	background-image:url('/images/design/bar_dash_horiz.gif');
	background-repeat:repeat-x;
	height:7px
}

/* En cell i produktrutnät (framsidesproduker, nyheter, erbjudanden...) */
td.productGridCell
{
	padding: 8px;
	border-bottom: 1px solid Gray;
	border-right: 1px dashed Gray;
}

/*****************************************************************************/
/* Ny Produktlista med sidväljare: innehåll */
td.listResultsContent
{
	border-top: solid 1px #CCCCCC;
}

/* Ny Produktlista med sidväljare: en rad */
td.listResultsItem
{
	border-bottom: solid 1px #CCCCCC;
    padding: 3px 0;
}

/* Fix devexpress fet padding */
.dxdvControl td.dxdvCtrl
{
	padding: 0;
}

/*****************************************************************************/
/* Varukorg: panel */
div.shoppingCartPopup
{
	background-color:#E4DFF2;
    width:600px;
    border:1px #B7B6B6 solid;
    padding:5px;
    font-size:11px;
    position: absolute;
    left: 164px;
    top: 100px;
    color: #000000;
    text-align: left;
}

/* Varukorg: produktlänkar (får som standard samma utseende som "Varukorg"-länken) */
div.shoppingCartPopup a, div.shoppingCartPopup a:visited, div.shoppingCartPopup a:hover
{
    color: #000080;
}

/* Varukorg: Antalfält */
input.shoppingCartQty
{
    width: 1.5em;
    height: 1em;
    font-size:0.9em;
    text-align: right;
}

/* Specialpris i varukorgen */
span.shoppingCartCampaign
{
	color: #F19624;
	border-bottom: dotted 1px #F19624;
	cursor: default;
}

/* Visa varukorg länk */
a.showCart
{
	font-weight:bold;
}

/*****************************************************************************/
/* Kompakt varukorg */
table.shoppingCartCompact {
	font-size: 8pt;
}

/* Kompakt varukorg: separator mellan raderna (1px hög) */
td.shoppingCartCompactListSeparator
{
	background-color: #686868;
}

/* Kompakt varukorg: produktrad */
.shoppingCartCompact .item
{
	padding-top: 2px;
	padding-bottom: 1px;
}

/* Kompakt varukorg: pris */
.shoppingCartCompact .cartPrice
{
	font-weight: bold;
}

/*****************************************************************************/
/* Åflista - RetailerList */
/* Länk för ändra */
a.retailerEdit
{
	color:#888888;
}

/*****************************************************************************/
/* DIVERSE */

/* Box för viktig info */
div.attentionBox
{
	background-color: #6BA4D2;
	border: 1px outset;
	padding: 5px;
}

/* Länkade bilder utan ram */
img, .noBorder
{
	border-width: 0px;
}

/* Bildjustering, xstandard */
img.left 
{ 
	float:left; 
	margin-right:6px;
}

img.right
{
	float:right; 
	margin-left:6px; 
}

/* Styckejustering */
p.right
{
	text-align: right;
}
p.left
{
	text-align: left;
}
p.center
{
	text-align: center;
}

/* Vid fel inmatning i fält */
.highlightInput
{
	background-color: #ffc5b8;
}

/* Vattenstämpel - text i sökrutan */
input.watermark
{
	color: #888888;
}

/* Hjälptext vid musen över */
span.tooltipText
{
	border-bottom: dotted 1px Navy;
	cursor: default;
}

/* Menylänkar */
a.menulink
{
	float:left;
	display: block;
	padding: 5px 8px;
	font-weight: bold;
	/*color: #686868;*/
}

a.menulink:hover
{
	background-color: #E4DFF2;
}

/* För boxar som behöver utrymme till efterföljande innehåll, 
   t.ex. moduler på produktsidan */
div.bottomPaddedBox
{
	padding-bottom: 8px;
}

div.outlinedBox
{
	border: solid 1px #B7B6B6;
	margin: 5px;
}

/*****************************************************************************/
/* Formatering */

span.underline
{
	text-decoration: underline;
}

span.strikethrough
{
	text-decoration: line-through;
}

span.small
{
	font-size: 10px;
}

p.firstParagraph
{
	font-size: 12px;
}

span.emphasize
{
	font-weight: bold;
	color: #A00000;
}

span.washOut
{
	color: #666666;
}

/*****************************************************************************/
/* Kassa */
td.labelCol
{
	text-align: right;
}

/*****************************************************************************/
/* Övrigt */
input.align-top{ vertical-align: top;line-height: 15px;display:inline-block;}