﻿body {
    margin:0px;
    padding:0px;
    font-family:arial, helvetica, Verdana, Tahoma, Sans-Serif;
    font-size:11px;
    background:#ffffff url(/Templates/Images/BodyBg.png) repeat-x top;
    color:#3D3D3D;
    line-height:13px;
}

img
{
    border:none;
}

a
{
    text-decoration:none;
    color:#7d9d49;
}

a:hover
{
    color:#88b647;    
}

.Empty
{
	margin:0px;
}

    #EmptyMain
    {
        width:620px;
        padding:10px;
        border:solid 1px #88b647;
        background-color:#ffffff;
        margin:10px auto 10px auto;
    }


.Empty2
{
	margin:0px 0px 0px 0px;
    background:transparent url(/Templates/Images/CampaignTop.gif) no-repeat top left;
}

#Empty2Main
{
    margin:64px auto 0px auto;
    width:900px;
}


#Outline
{
    background:transparent url(/Templates/Images/ContentBgMiddle.gif) repeat-y center top;
    width:946px;
    overflow:hidden;
    margin:0px 0px 10px 20px;
    float:left;
}

.RightBanner
{
    width:250   px;
    overflow:hidden;
    position:absolute;
    left:974px;
    top:10px;    
}


#Top
{
    width:100%;
    height:141px;
    overflow:hidden;
    background:#ffffff url(/Templates/Images/TopBg.gif) repeat-y center;
    position:relative;
}

    #TopLeft
    {
        height:109px;
        width:230px;
        overflow:hidden;
        float:left;
    }
    
    #TopLeft a
    {
        display:block;
        width:191px;
        margin:34px 0px 0px 30px;
        overflow:hidden;
    }

    #TopRight
    {
        float:right;
        margin:37px 30px 0px 0px;
        
    }
    
        .Languages
        {
            list-style-type:none;
            margin:0px;
            padding:0px;
            position:absolute;
            right:26px;
            top:14px;
        }
        
        .Languages li
        {
            float:left;
        }
        
        .Languages li a 
        {
            color:#7d9d49;
            display:block;
            width:18px;
            height:16px;
            margin-right:2px;
            overflow:hidden;
        }

        .Languages li .Chosen
        {
            color:#ffffff;
        }

        .Language1 a 
        {
            background:transparent url(/Templates/Images/SwedishFlagFaded.png) no-repeat top left;
        }

        .Language2 a 
        {
            background:transparent url(/Templates/Images/BrittishFlagFaded.png) no-repeat top left;
        }

        .Language3 a 
        {
            background:transparent url(/Templates/Images/GermanFlagFaded.png) no-repeat top left;
        }

        .Language1 .Chosen 
        {
            background:transparent url(/Templates/Images/SwedishFlag.png) no-repeat top left;
        }

        .Language2 .Chosen 
        {
            background:transparent url(/Templates/Images/BrittishFlag.png) no-repeat top left;
        }

        .Language3 .Chosen
        {
            background:transparent url(/Templates/Images/GermanFlag.png) no-repeat top left;
        }
        
        .Search
        {
            clear:both;
            float:right;
            margin-top:10px;
        }
    
    #TopBottom
    {
        position:absolute;
        bottom:0px;
        left:0px;
        clear:both;
        width:100%;
        height:34px;
        overflow:hidden;
    }
    

#ContentOutline
{
    width:100%;
    overflow:hidden; 
    background:transparent url(/Templates/Images/ContentBgTop.gif) no-repeat top center;
    min-height:480px;
}

#Content
{
    width:100%;
    overflow:hidden;
}

#GasPrice
{
    width:892px;
    overflow:hidden;
    color:#7d7d7d;
    text-align:right;
    margin:10px 27px 10px 27px;
}


    .Normal1 #LeftNav,
    .Normal2 #LeftNav,
    .Normal3 #LeftNav,
    .Wide1 #LeftNav    
    {
        display:inline;
        float:left;
        width:223px;
        overflow:hidden;
        margin-left:27px;
    }

    .Normal1 #Content,
    .Wide1 #Content
    {
        float:right;
        width:620px;
        overflow:hidden;
        margin-right:42px;
        display:inline;
    }

    .Normal2 #Content,
    .Normal3 #Content
    {
        float:right;
        width:620px;
        overflow:hidden;
        margin-right:42px;
        display:inline;
    }
    
    .Normal1 #ContentLeftTop
    {
        width:100%;
        overflow:hidden;
        margin-bottom:16px;
    }

    .Normal1 #ContentLeftBottom
    {
        width:550px;
        overflow:hidden;
        margin-left:26px;
    }
    
    .Normal2 #ContentLeft
    {
        width:380px;
        overflow:hidden;
        float:left;
    }

    .Normal2 #ContentRight
    {
        width:200px;
        overflow:hidden;
        float:right;        
    }

    .Normal3 #ContentLeft
    {
        width:290px;
        overflow:hidden;
        float:left;
    }

    .Normal3 #ContentRight
    {
        width:290px;
        overflow:hidden;
        float:right;        
    }

.Startpage #ContentLeft
{
    float:left;
    width:600px;
    overflow:hidden;
    margin:0px 0px 0px 27px;
    display:inline;
}

    .Startpage #ContentLeftBottomLeft
    {
        clear:both;
        float:left;
        width:293px;
        overflow:hidden;
        margin:0px 0px 0px 0px;
    }

    .Startpage #ContentLeftBottomRight
    {
        float:right;
        width:293px;
        overflow:hidden;
        margin:0px 0px 0px 0px;
    }

.Startpage #ContentRight
{
    float:right;
    width:275px;
    overflow:hidden;
    margin:0px 27px 0px 0px;
    display:inline;
}

    .Startpage #ContentRightTop
    {
        width:100%;
        overflow:hidden;
        min-height:192px;
    }

    .Startpage #ContentRightBottom
    {
        width:100%;
        overflow:hidden;
    }


#ContentBottom
{
    clear:both;
    width:100%;
    height:19px;
    overflow:hidden;
    background:#ffffff url(/Templates/Images/ContentBgBottom.gif) repeat-y center;  
}

#Footer
{
    width:936px;
    clear:both;
    overflow:hidden;
    margin:0px 0px 20px 20px;
    text-align:center;
    color:#7D7D7D;
}

#Footer a
{
    color:#7D7D7D;
}


/* Top navigation */

    .TopNav
    {
        list-style-type:none;
        margin:0px 0px 0px 10px;
        padding:0px;
        position:absolute;
        bottom:3px;
        left:0px;
    }

    .TopNav li
    {
        float:left;
        display:block;
        margin:0px 4px 0px 0px;
    }
    
    .TopNav li a
    {
        display:block;
        color:#000000;
        height:21px;
        width:105px;    
        overflow:hidden;
        padding:9px 0px 0px 0px;
        background:#ffffff url(/Templates/Images/TopNavBg.gif) no-repeat top left;
        text-align:center; 
        font-size:12px; 
    }

    .TopNav li.Chosen a,
    .TopNav li.InPath a
    {
        background-image:none !important;
    }

    .TopNav li a:hover
    {
        background:#ffffff url(/Templates/Images/TopNavBgHover.gif) no-repeat top left;
    }


    /* Left Navigation */
    .TopNavChosenHeadline
    {
        display:block;
        height:19px;
        background:#88b647 url(/Templates/Images/LeftNavTopBg.gif) no-repeat top left;
        font-family:arial, helvetica, Verdana, Tahoma, Sans-Serif;
        font-size:11px;
/*        text-transform:uppercase; */
        font-weight:normal;
        color:#ffffff;
        margin:0px;
        padding:8px 8px 0px 8px;
    }

    .TopNavChosenHeadline a
    {
        color:#ffffff;        
    }
    
    .NavLev2Wrapper
    {
        width:225;
        overflow:hidden;
        border:solid 1px #ABABAB;
        border-top:none;
    }

    .NavLev2
    {
        list-style-type:none;
        border:solid 1px #ffffff;
        margin:0px;
        padding:0px;
        background:#ffffff url(/Templates/Images/LeftNavBg.png) repeat-x bottom;
    }
    
    .NavLev2 li
    {
        padding:0px 12px 0px 12px;
        display:block;
    }

    .NavLev2 li a
    {
        padding:5px 0px 5px 14px;
        background:transparent url(/Templates/Images/ArrowSmall.gif) no-repeat 2px 8px;
        display:block;
        border-top:solid 1px #ababab;
        color:#3d3d3d;
    }
    
    .NavLev2 li.InPath a
    {
        font-weight:bold;
        color:#000000;
    }
    
    .NavLev2 li.InPath li a
    {
        font-weight:normal;
    }

    .NavLev2 li.Chosen a,
    .NavLev2 li.InPath li.Chosen a
    {
        font-weight:bold;
        color:#000000;
    }
    

    .NavLev2 li a:hover,
    .NavLev2 li.InPath li a:hover
    {
        color:#000000;    
    }


    .NavLev2 li.First a
    {
        border-top:none;
    }


    .NavLev3
    {
        list-style-type:none;
        margin:0px;
        padding:0px;
    }

    .NavLev3 li a,
    .NavLev2 li.InPath li a,
    .NavLev2 li.Chosen li a
    {
        font-weight:normal;
        background-image:none;
        border:none;
        color:#3d3d3d;
    }

    
    /* Station chooser */
    
    .AreaChoser
    {
        width:170px;
        vertical-align:top;
        margin-bottom:4px;
    }
    
    .StationChooserFromArea .Button
    {
        width:100px;
    }
    
    /* NewsList1 */

    .NewsList1
    {
        width:100%;
    }
 
    .Startpage .NewsList1
    {
        width:100%;
        height:80px;
    }
    
    .NewsList1 ul
    {
        list-style-type:none;
        margin:0px 0px 0px 0px;
        padding:0px;
        width:100%;
        overflow:hidden;
    }

    .NewsList1 ul li
    {
        margin-bottom:8px;
    }           
    
    
    /* FillingStations */

    .FillingStations
    {
        width:100%;
        overflow:hidden;
        margin-bottom:20px;
    }
    
    .FillingStationsStep1 .FillingStationsLeft
    {
        width:290px;
        float:left;
    }

    .FillingStationsStep1 .FillingStationsRight
    {
        width:290px;
        float:right;
    }    

    .FillingStationsStep2 .FillingStationsLeft,
    .FillingStationsStep3 .FillingStationsLeft
    {
        width:380px;
        float:left;
    }

    .FillingStationsStep3 .FillingStationsRight,
    .FillingStationsStep2 .FillingStationsRight
    {
        width:200px;
        float:right;
    }  
    
    .GoogleMapOutline
    {
        background-color:#E8E7E8;
        padding:4px;
    }
    
    .GoogleMapInner
    {
        overflow:hidden;
    }
    
    .FillingStationsStep2 .GoogleMapInner,
    .FillingStationsStep3 .GoogleMapInner
    {
        width:372px;
        height:372px;
    }
    
    .FillingStationsStep1 .GoogleMapInner
    {
        width:282px;
        height:382px;
    }
 
    .FillingStationsAreaList ul,
    .FillingStationsInAreaList
    {
        list-style-type:none;
        margin:0px;
        padding:0px;
        
    }
    
    .FillingStationsAreaListLeft
    {
        width:48%;
        float:left;
    }

    .FillingStationsAreaListRight
    {
        width:48%;
        float:right;
    }
    
    .FillingStationInfo
    {
        overflow:hidden;
    }
    
    .FillingStationInfo th
    {
        text-align:left;
    }

/* FillingStationsList */
    
  
    
    .FillingStationsList .FillingStationsLeft
    {
        width:310px;
        float:left;
    }

    .FillingStationsList .FillingStationsRight
    {
        width:270px;
        float:right;
    }  

    .FillingStationsList .FillingStations
    {
        width:100%;
        overflow:hidden;
        margin-bottom:10px !important;
    }
    
    .PageBreak
    {
         page-break-after:always;
     /*   margin:0px;
        padding:0px;
    */    
}

    .FillingStationsList .GoogleMapInner
    {
        width:300px;
        height:300px;
    }
    
    /* Forms */
    
    .TextField,    
    .SelectBox
    {
        font-family:Arial, Verdana, Sans-Serif;
        font-size:11px;
        background-color:#f0f0f0;
        border:solid 1px #88b647;
        color:#3d3d3d;
    }
    
    .Button
    {
        font-family:Arial, Verdana, Sans-Serif;
        font-size:11px;
        color:#abacaf;
        margin:0px;
        padding:0px 3px 0px 3px;
        height:18px;
        background-color:#ffffff;
        border:solid 1px #88b647;
        font-weight:bold;
    }

    .Search .Button
    {
        margin-left:2px;
    }

    .FormFieldWrapper
    {
        clear:both;
        float:left;
        margin-bottom:4px;
    }
    
    .FormFieldWrapper label
    {
        display:block;
        float:left;
    }
    
    .NewsSubscribe
    {
        display:block;
        clear:both;
        width:100%;
        overflow:hidden;
    }

    .NewsSubscribe .FormFieldWrapper label
    {
        width:50px;
    }

    .FormFieldWrapper .TextField
    {
        float:left;
    }

    .NewsSubscribe .Button
    {
        margin-left:150px;
        margin-bottom:10px;
    }
    
    .FormFieldError
    {
        background-color:#DE3434;
        padding:2px;
        color:#ffffff;
    }

    .ErrorMessage
    {
        clear:both;
        background-color:#DE3434;
        color:#ffffff;
        padding:10px 10px 10px 10px;
        overflow:hidden;
    }

    /* Text styles */
    
    .Headline1
    {
        margin:0px 0px 10px 0px;
        padding:0px 0px 0px 0px;
        font-family:arial, helvetica, Verdana, Tahoma, Sans-Serif;
        font-size:16px;
        color:#3d3d3d;
        line-height:20px;
        font-weight:normal;
    }
    
    .Headline2
    {
        margin:0px 0px 6px 0px;
        padding:0px 0px 0px 0px;
        font-family:arial, helvetica, Verdana, Tahoma, Sans-Serif;
        font-size:13px;
        font-style:normal;
        font-weight:normal;
        color:#3d3d3d;    
    }

    .Normal
    {
        margin:0px 0px 10px 0px;
        padding:0px 0px 0px 0px;
        color:#3d3d3d;
    }

    .Headline2Divider
    {
        margin:0px 0px 10px 0px;
        padding:0px 0px 4px 0px;
        font-size:11px;
        font-family:arial, helvetica, Verdana, Tahoma, Sans-Serif;
        font-weight:bold;
        color:#3d3d3d;
        border-bottom:solid 1px #ababab;
    }
    
    .Link
    {
        font-family:arial, helvetica, Verdana, Tahoma, Sans-Serif;
        font-size:11px;
        margin:0px 0px 6px 0px;
        padding:0px 0px 0px 0px;
        text-align:right;
    }
    
    .Link a
    {
        color:#7d9d49   
    }
    
    .Link em
    {
        color:#7d9d49;
        font-style:normal;
    }
 
 
@media print
{
    #TopRight,
    #TopBottom,
    .Normal1 #LeftNav,
    .Normal2 #LeftNav,
    .Normal3 #LeftNav,
    .Wide1 #LeftNav,
    #GasPrice
    {
        display:none;
        visibility:hidden;
    }
    
    #Top
    {
        height:auto;
    }
    
    #TopLeft,
    #TopLeft a
    {
        margin:0px;
    }
    
    #TopLeft a
    {
        height:35px;
        padding:0px;
    }
    
    #ContentOutline
    {
        clear:both;
        height:auto !important;
        min-height:0px;
    }

    .Normal1 #Content,
    .Wide1 #Content
    {
        clear:both;
        float:none;
        margin:0px;
        padding:0px;
    }
   
   
    #Outline,
    #Footer
    {
        width:auto;
        text-align:left;
    }


    .Startpage #Outline,
    .Startpage #Footer
    {
        width:946px;
    }

    
    #EmptyMain
    {
        border:none;
    }
}