/* Start CSS */

/* Allmän CSS för index2.aspx */
*
{
    font-family: tahoma, Verdana;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    color: #383838;
}
A
{
    color: #0000cc;
}
DIV.spacer
{
    clear: both;
}
IMG.blank
{
    width: 20px;
    height: 20px;
}


/* lägger skuggning (bild) vid vänster- och överkant samt dito hörn */
/* OBS! z-index: 30, 20 och 10! */
BODY
{
    background-image: url(images/bg-body.gif);
}
DIV#topleft
{
    background-image: url(images/bg-border-topleft.gif);
    background-repeat: no-repeat;
    width: 20px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 30;
}
DIV#top
{
    background-image: url(images/bg-border-top.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
}

/* Definierar utrymmet samt de två kolumnerna */
DIV#main
{
    width: 775px;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
}
DIV#frontLeft
{
    width: 468px;
    text-align: left;
    position: absolute;
    top: 25px;
    left: 16px;
}
DIV#frontRight
{
    width: 267px;
    text-align: right;
    position: absolute;
    top: 25px;
    right: 1px;
}


/* Välkomsmeddelande för ICKE inloggade */
DIV#introduction p, DIV#introduction b, DIV#introduction a
{
    font-size: 13px;
    text-align: justify;
    margin-bottom: 5px;
}

/* Länkt till ansökan om kundkonto */
DIV#kundkonto
{
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/bg_kundkonto.gif);
}

/* Certifieringsbilderna */
DIV#bonds
{
    text-align: center;
    vertical-align: middle;
}
IMG.bond
{
    margin: 0px 5px 5px 0px;
    vertical-align: middle;
}

/* Välkomstmeddelande för INLOGGADE */
DIV#greetingContainer
{
    text-align: center;
    padding: 0px 30px 0px 30px;
}
DIV#greeting
{
    display: inline;
    font-size: 13px;
    text-align: left;
}

/* CSS för ajax-låda */
DIV#incDocContainer
{
    background-color: #ffffff;
    border: solid 1px #C7AC85;
    padding: 15px;
    position: absolute;
    top: 103px;
    left: 154px;
    z-index: 100;
    width: 468px;
}
DIV#incDocument p, DIV#incDocument span, DIV#incDocument a
{
    font-size: 13px;
    text-align: left;
    margin-bottom: 5px;
}

/* Kampanjer */
DIV.campaignHeader
{
    background-image: url(images/bg-campaign_2.gif);
    height: 20px;
    text-align: center;
}
SPAN.campaignHeader
{
    position: relative;
    top: 2px;
    font-size: 13px;
    font-weight: bold;
}
DIV.productContainer
{
    clear: both;
}
DIV.productLeft
{
    float: left;
    width: 234px;
}
DIV.productRight
{
    float: right;
    width: 234px;
}
DIV.product
{
    cursor: pointer;
    text-align: left;
    margin: 10px;
}
IMG.productImg
{
    float: left;
}
DIV.price, DIV.noprice
{
    float: right;
    color: #7A6352; /* 	color: #c7ac85; 	color: #b39a77; 	color: #9f8a6a;  */
    font-weight: bold;
    text-align: right;
}
DIV.jul
{
    padding: 3px;
    background-color: #ffffff;
    text-align: left;
    cursor: pointer;
}
DIV.jul .price
{
    float: none;
    color: #000000;
    text-align: right;
    font-size: 13px;
}

/* CSS för "nyheter" */
DIV.news
{
    text-align: left;
    padding: 5px;
    border-top: solid 1px #c7c7c7;
}
DIV#newsEnd
{
    border-top: solid 1px #c7c7c7;
}
DIV.news H1
{
    font-size: 11px;
    font-weight: bold;
}
P.newsLink
{
    text-align: right;
}
div.break
{
    clear: both;
    float: none;
}
/* End CSS */