/*

    Eugene Kuzmin
    Master screen styles
    
    Author: Creuna Danmark A/S / www.creuna.dk
    Copyright: 2009, Creuna Danmark A/S. All rights resevered

-----------------------------------------------------------------------*/

html,
body
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body
{
    color: #1f1f1f;
    font: 12px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
    }
    body#mainBlankpage
    {
        background: #fff;
        color: #000;
        font: 12px Arial, Helvetica, sans-serif;
    }

a
{
    color: #000;
}

h2
{
    font-size: 18px;
}

.mainContainer
{
    background: #fff url(/gfx/scandlines/main-bg.png) 0 0 repeat-x;	
    margin-top: 0;
    padding: 40px 0 120px;
    }
    .mainContainer.bordershop
    {
        background: #fff;
        margin-top: -3px;
    }
    .mainContainer.scandlinesdk
    {
        padding-bottom: 80px;
    }
    .mainContainer a
    {
        color: #002a5c;
        }
        .mainContainer.bordershop a
        {
            color: #000;
        }

#wrapper
{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

p
{
    line-height: 1.3;
    margin: 0 0 10px;
    padding: 0;
}
img
{
    border: none;
}
.accessibility
{
    left: -999em;
    position: absolute;
    top: -999em;
}

/* = form elements = */
form
{
    margin: 0;
    padding: 0;
    position: relative;
}
legend
{
    display: none;
}
input,
textarea,
select
{
    border: 1px solid #265599;
    font-family: Arial;
    vertical-align: middle;
    }
    input.btn
    {
        background-color: #265599;
        border: 1px solid #265599;
        cursor: pointer;
        color: #fff;
        font: bold 12px bold Arial,sans-serif;
    }
    input.txt
    {
        border: 2px inset #ccc;
        color: #444754;
        float: left;
        font-size: 14px;
        margin: 0;
        padding: 3px 5px;
        width: 30px;
    }
    

.mainContainer .btnGradient
{
    font-size: 11px;
    font-weight: bold;
    background: url(/gfx/scandlines/btn-gradient.gif) 0 0 repeat-x;
    line-height: 21px;
    float: left;
    color: #fff;
    padding: 0 10px;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #272b57;
    }
    .mainContainer .btnGradient.btnBig
    {
        border: 2px solid #c3c3c3;
        background: url(/gfx/scandlines/btn-gradient-big.gif) 0 0 repeat-x;
        line-height: 28px;
    }
    .mainContainer .btnGradient span
    {
        background: url(/gfx/scandlines/button-arrow-next.png) 100% 50% no-repeat;
        padding-right: 20px;
        }
        .mainContainer .btnGradient.close span
        {
            background-image: url(/gfx/scandlines/cross.png);
        }
    .mainContainer .btnGradient em
    {
        font-style: normal;
        font-weight: normal;
    }

.mainContainer .btnGradient:hover
{
    text-decoration: none;
    color: #fff;
}
.mainContainer .btnGradient.btnBig:hover
{
    background: url(/gfx/scandlines/btn-gradient-big.gif) 0 -30px repeat-x;
}

.bookTicket
{
    overflow: hidden;
    background: #f5f5f4 url(/gfx/scandlines/landing-title.png) 86% 97px no-repeat;
    border: 1px solid #c8c8c8;
    padding: 32px 15px 13px;
    }
    .bookTicket h1.customNormal
    {
        font-size: 28px;
    }
    .bookTicket .btnGradient span
    {
        padding-right: 30px;
    }



.infoPanel
{
    padding: 15px 0; 
    }
    .infoPanel .buttons
    {
        background: url(/gfx/scandlines/bg-header.png) 0 0 repeat-x;
        height: 31px;
        padding: 7px 21px 0 15px;
        }
        .infoPanel .buttons a
        {
            margin-right: 18px;
        }
        .infoPanel .buttons a.rightBtn
        {
            float: right;
            margin-right: 0;
        }
        .infoPanel .panels
        {
            overflow: hidden;
            font-size: 14px;
            }
            .infoPanel .panels h2
            {
                border-bottom: 1px solid #d0d1d0;
                font-size: 14px;
                color: #182346;
                padding: 0 17px 5px 17px;
                font-weight: bold;
                margin-bottom: 9px;
                }
                .infoPanel .panels h2.scandlines
                {
                    background: url(/gfx/scandlines/ico-scandlines.png) 17px 40% no-repeat;
                    padding-left: 37px;
                }
            .infoPanel p
            {
                padding: 0 17px;
            } 
            .infoPanel .routeOverview p  
            {
                padding : 0 
            }
        .infoPanel .panelBox
        {
            overflow: hidden;
            display: none;
            opacity: 0;
            filter: alpha(opacity=0);
            padding: 15px 15px 10px;
            border: 1px solid #c8c8c8;
            background: #f2f3f2;
        }
        .infoPanel .twoCols,
        .infoPanel .threeCols
        {
            width: 100%;
            }
            .infoPanel .twoCols .column
            {
                width: 451px;
            }
            .infoPanel .threeCols .column
            {
                width: 300px;
            }
        .infoPanel a.readMore
        {
            float: right;
            margin-top: 10px;
        }

.scandlinesdk .mainContent
{
    padding-bottom: 40px;
}
.landingInfoBox
{
    overflow: hidden;
    padding-bottom: 48px;
}
.mainContent .landingInfoBox h2
{
    background: url(/gfx/scandlines/bg-header.png) 0 0 repeat-x;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    padding: 0 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
.landingInfoBox .column
{
    width: 451px;
    border-bottom: 1px solid #cecece;
    overflow: hidden;
}
.landingInfoBox .rightColumn
{
    float: right;
}
.landingInfoBox .box
{
    overflow: hidden;
    position: relative;
    padding: 11px 0 9px;
    border-bottom: 1px dashed #adadad;
    z-index: 999;
    }
    .landingInfoBox .box.last
    {
        border: 0;
    }
.landingInfoBox dd,
.landingInfoBox dl,
.landingInfoBox dt
{
    margin: 0;
    padding: 0;
    color: #444;
}
.landingInfoBox dt
{
    float: right;
    width: 230px;
    margin-top: 15px;
    font-size: 17px;
}
.landingInfoBox dd.text
{
    float: right;
    width: 230px;
    margin-top: 5px;
}
.landingInfoBox dd.image
{
    float:left;
    width: 211px;
    overflow: hidden;
}
.landingInfoBox dd.caption
{
    position: absolute;
    width: 230px;
    top: 10px;
    right: 0;
}
.mainContent .landingInfoBox a,
.landingInfoBox dd.route span
{
    color: #182346;
    text-decoration: none;
}
.landingInfoBox .readMore
{
    clear: both;
    overflow: hidden;
    padding-top: 10px;
    }
    .landingInfoBox .readMore a
    {
        float: left;
        background: url(/gfx/scandlines/arrow-right-blue-3.png) 100% 60% no-repeat;
        font-size: 17px;
        padding-right: 15px;
    }

.joinBox
{
    clear: both;
    overflow: hidden;
    background: url(/gfx/scandlines/bg-join-box.png) 0 0 no-repeat;
    width: 839px;
    height: 115px;
    margin: 0 auto -40px;
    position: relative;
    z-index: 10;
    color: #0e1b45;
    }
    .joinBox .text
    {
        position: absolute;
        width: 400px;
        left: 45px;
        top: 31px;
        font-size: 15px;
        }
        .joinBox .text h2
        {
            color: #0e1b45;
            font-size: 21px;
            padding-bottom: 5px;
        }
    .joinBox .btnGradient
    {
        position: absolute;
        left: 424px;
        top: 56px;
        }
        .joinBox .btnGradient.btnBig span
        {
            padding-right: 56px;
        }
    .joinBox .creditCard
    {
        position: absolute;
        right: 81px;
        top: 17px;
    }

.row
{
    overflow: hidden;
    padding-bottom: 15px;
    }
    .row span.chk
    {
        padding-right: 40px;
        }
        .row span.chk input
        {
            margin-right: 5px;
        }
    .row select
    {
        width: 220px;
        margin-right: 30px;
    }
    .row .dateField
    {
        background: url(/gfx/scandlines/ico-calendar-2.gif) 99% 50% no-repeat;
        color: #8f9095;
        padding-right: 25px;
        width: 75px;
    }
    

    
/* = custom buttons = */
.buttonWrapper
{
    float: left;
    left: 1px;
    position: relative;
    }
    .buttonWrapper.large .button
    {
        background: transparent url(/gfx/scandlines/btn-large.png) 0 0 no-repeat;
        height: 43px;
        float: left;
    }	
    .buttonWrapper.small .button
    {
        background: transparent url(/gfx/scandlines/btn-small.png) 0 0 no-repeat;
        height: 31px;
        float: left;
        }
        .buttonWrapper.blue.small .button
        {
            background: transparent url(/gfx/scandlines/btn-small-blue.png) 0 0 no-repeat;
            float: left;
        }
        
        .buttonWrapper .button input,
        .buttonWrapper .button a
        {
            background: none;
            border: none;
            color: #fff;
            cursor: pointer;
            font-size: 14px;
            line-height: 1;
            overflow: visible;
            vertical-align: top;
            padding: 0 15px 0 17px;
            text-decoration: none;
            float: left;
        }
        .buttonWrapper .button input:focus,
        .buttonWrapper .button a:focus
        {
            outline: 1px dotted #000;
        }
        
        .buttonWrapper .button a:hover
        {
            color: #fff;
            text-decoration: none;
        }
        .buttonWrapper.small .button input,
        .buttonWrapper.small .button a
        {
            font-size: 12px;
            height: 25px;
            line-height: 25px;
        }
        .buttonWrapper.small .button input
        {
            padding-bottom: 2px;
        }
        .buttonWrapper.large .button input,
        .buttonWrapper.large .button a
        {
            height: 37px;
            line-height: 37px;
        }
        .buttonWrapper.large .button input
        {
            padding-bottom: 2px;
        }
        
        .buttonWrapper .righter
        {
            background: url(/gfx/scandlines/btn-small-righter.png) 0 0 no-repeat;
            display: block;
            position: absolute;
            right: -6px;
            top: 0;
            width: 6px;
            height: 31px;
            }

            .buttonWrapper.small.blue .righter
            {
                background: url(/gfx/scandlines/btn-small-blue-righter.png) 0 0 no-repeat;
            }
            .buttonWrapper.large .righter
            {
                height: 43px;
                background: url(/gfx/scandlines/btn-large-righter.png) 0 0 no-repeat;
            }
        

.buttonWrapper.autobizz
{
    display: inline;
    margin: 25px 0 0 107px;
    }
    .thirdStep .buttonWrapper.autobizz
    {
        margin-left: 0;
    }



span.chk input,
span.radioBtn input,
table.radioBtn input,
.radioList input
{
    border: none;
    height: 13px !important;
    margin: 0;
    padding: 0;
    width: 13px !important;
}

fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

.hiddenLink
{
    float: left;
    overflow: hidden;
    width: 0;
}

.inner
{
    margin: 0 auto;
    overflow: hidden;
    width: 934px;
}

/* = search box = */
.searchBox
{
    margin: 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 145px;
    white-space: nowrap;
    }
    .searchBox input
    {
        border: 1px solid #a7aebe;
        color: #a7aebe;
        font-size: 11px;
        margin: 0;
        padding: 3px 3px 2px;
        vertical-align: top;
        width: 119px;
        }
        .searchBox input.focused
        {
            color: #192758;
        }
        .searchBox input.btn
        {
            background: url(/gfx/scandlines/btn-search-blue.png) 0 50% no-repeat;
            border: 0;
            height: 20px;
            margin-left: 5px;
            width: 10px;
            }
            .searchBox.bordershop input.btn
            {
                background: url(/gfx/scandlines/btn-search.png) 0 50% no-repeat;
            }

/* = header = */
#header
{
    background: #fff;
    height: 54px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    }
    #header .languageSelector 
    {
        position: absolute;
        right: 160px;
        top: 33px;
        }
        #header .languageSelector ul
        {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #header .languageSelector li
        {
            float: left;
        }
        #header .languageSelector li a
        {
            border: 1px #404b5a solid;
            display: block;
            margin: 0 0 0 8px;
            outline: none;
            text-indent: -9999em;
            width: 14px;
            height: 14px;
            }
            #header .languageSelector li.en a
            {
            background: url(/gfx/scandlines/lang_en.png) 0 0 no-repeat;
            }
            #header .languageSelector li.da-DK a
            {
                background: url(/gfx/scandlines/lang_da.png) 0 0 no-repeat;
            }
            #header .languageSelector li.de-DE a
            {
                background: url(/gfx/scandlines/lang_du.png) 0 0 no-repeat;
            }
            #header .languageSelector li.sv-SE a
            {
                background: url(/gfx/scandlines/lang_se.png) 0 0 no-repeat;
            }
            
    #header .inner
    {
        position: relative;
    }

    #header .headerContent
    {
        right: 0;
        top: 0;
        height: 54px;
        width: 670px;
        position: absolute
    }
    
    #header .routeName
    {
        padding-left: 10px;
        top: 13px;
        left: 275px;
        border-left: 2px solid #182346;
        position: absolute;
        z-index: 10;
        }
        #header .routeName h3
        {
            margin: 0;
            font-size: 25px;
            font-style: italic;
            font-weight: normal;
            color: #182346;
        }
    

/* = logo = */
.logo
{
    display: table;
    height: 54px;
    overflow: hidden;
    }
    .logo.landing
    {
        margin-left: 15px;
    }
    .logo h1
    {
        display: none;
    }
    .logo a
    {
        display: table-cell;
        vertical-align: middle;
    }

.addNav
{
    font-size: 11px;
    text-align: right;
    }
    .addNav ul
    {
        float: right;
        list-style: none;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }
    .addNav li
    {
        display: inline;
        margin-left: 15px;
        overflow: hidden;
        padding: 0;
        }
        .addNav li a
        {
            color: #444754;
            line-height: 2em;
            text-decoration: none;
        }

#mainNavigation
{
    border-bottom: 3px solid #fff;
    height: 34px;
    overflow: hidden;
    }
    #mainNavigation .bg
    {
        background: blue url(/gfx/scandlines/top-menu-blue-bg.jpg) 0 0 repeat-x;
        }
        #mainNavigation .bg.bordershop
        {
            background: #000;
        }
        
    .topRibbon
    {
        background: blue url(/gfx/scandlines/top-menu-blue-bg.jpg) 0 0 repeat-x;
        height: 34px;
        margin-top: 12px;
    }
        
    /* = basket = */
    #mainNavigation .basketContainer
    {
        display: none;
        height: 34px;
        margin: 0 auto;
        width: 934px;
    }
    #mainNavigation .subBasketContainer
    {
        float: right;
        position: relative;
        top: -34px;
        width: 250px;
    }
    #mainNavigation .basket
    {
        color: #fff;
        float: right;
        line-height: 34px;
        }
        #mainNavigation .basket a
        {
            color: #fff;
            text-decoration: none;
        }
        #mainNavigation .basket a:hover
        {
            color: #ffd308;
        }
        .basketContainer span
        {
            background: url(/gfx/scandlines/ico-basket.png) 0 50% no-repeat;
            color: #ffd308;
            float: left;
            font-weight: bold;
            padding: 1px 2px 0 25px;
        }
        .basketContainer .filledBasket span
        {
            background: url(/gfx/scandlines/ico-basket-filled.png) 0 50% no-repeat;
        }

.nav
{
    float: left;
    display: inline;
    list-style: none;
    margin: 0 0 0 -12px;
    padding: 0;
    }
    .nav li
    {
        display: inline;
        }
        .nav li a
        {
            color: #fff;
            float: left;
            font: normal 14px/34px Arial, Helvetica, sans-serif;
            padding: 0 12px;
            text-decoration: none;
        }
        .nav li a:hover,
        .nav li.active a
        {
            color: #6699cc;
        }
        .bordershop .nav li a:hover,
        .bordershop .nav li.active a
        {
            color: #fec21c;
        }
        

ul.navigation
{
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 15px;
    }
    ul.navigation li
    {
        display: inline;
        }
        ul.navigation li a,
        ul.navigation li span
        {
            background: #e9eef5;
            border: 1px solid #808fb9;
            color: #484c59;
            float: left;
            font-family: Verdana,Helvetica;
            font-size: 10px;
            margin-right: 5px;
            padding: 5px;
            text-decoration: none;
        }
        ul.navigation li a:hover
        {
            background: #b4bfde;
            color: #265599;
            text-decoration: none;
        }
        ul.navigation li span
        {
            color: #808fb9;
        }
        ul.navigation li.current
        {
            font-weight: bold;
            }
            ul.navigation li.current a
            {
                background: none;
            }

.topBanner
{
    margin-bottom: 6px;
    margin-top: -40px;
    overflow: hidden;
    width: 100%;
    }
    .topBanner .inner
    {
        position: relative;
    }
    .topBanner strong
    {
        color: #fff;
        display: inline;
        float: left;
        font-size: 22px;
        margin: -104px 0 0 30px;
        position: relative;
        width: 380px;
    }
    .topBanner h1
    {
        position: absolute;
        margin: 0;
        padding: 0;
        font-size: 28px;
        width: 600px;
        bottom: -10px;
        *bottom: 15px;
        bottom: 15px\0/;
        left: 15px;
        line-height: 1;
        }
        .topBanner h1 p
        {
            margin: 0;
            padding: 0;
        }
        .topBanner h1 em
        {
            
        }
        .topBanner .mainBoxTitle
        {
            color: #fff;
        }
        .topBanner .mainBoxText
        {
            color: #ffbf00;
        }
        

.editPanel
{
    background: #fefc67;
    clear: none!important;
    display: none;
    font-size: 10px;
    height: 23px;	
    left: 50%;
    list-style: none;
    overflow: hidden;
    position: absolute;
    margin: 0 0 0 -70px !important;
    padding: 0 10px!important;
    width: 134px;
    }
    .editPanel a:hover
    {
        text-decoration: underline!important;
    }
    .editPanel li
    {
        border: none!important;
        float: left;
        margin: 0 5px 0 0 !important;
        padding: 5px 0!important;
        }
        .editPanel li.edit
        {
            background: url(/eprise/Scandlines/Internet/_Common/Images/v3/ico-edit.gif) no-repeat 100% 2px;
            padding-right: 15px!important;
        }
        .editPanel li a
        {
            color: #1a2859;
            text-decoration: none;
        }


#header .editPanel
{
    float: right;
    left: 0;
    margin: 0 20px 0 0 !important;
    position: relative;
}

.topPanel
{
    margin: 30px 0 7px;
    overflow: hidden;
    padding-bottom: 23px;
    width: 934px;
}


.infoBox
{
    background: url(/eprise/Scandlines/Internet/_Common/Images/v3/pxl.png);
    color: #192758;
    float: right;
    padding: 10px 15px 0 19px;
    width: 181px;
    }
    .infoBox h2
    {
        font: bold 22px/24px Helvetica, Arial, sans-serif!important;
        margin: 0 0 12px;
        }
        .infoBox h2 span
        {
            color: #192758;
            display: block;
            height: 24px;
            overflow: hidden;
        }
    .infoBox label
    {
        float: left;
        margin-right: 12px;
        padding-bottom: 10px;
        }
        .infoBox label input
        {
            height: 14px;
            margin: 0;
            vertical-align: middle;
            width: 14px;
        }
    .infoBox select
    {
        border: 1px solid #747474;
        }
        .infoBox select.day,
        .infoBox select.year,
        .infoBox select.month
        {
            color: #000;
            float: left;
            font: 12px Helvetica, Arial, sans-serif;
            margin: 0 8px 10px 0;
            text-align: right;
            width: 40px;
        }
        .infoBox select.year
        {
            width: 55px;
        }


input.checkbox
{
    height: 14px;
    margin: 0 3px 0 0;
    padding: 0;
    width: 14px;
}

.rightPart
{
    float: right;
    width: 211px;
}

.trafficInfo
{
    background: #192758;
    color: #fff;
    float: right;
    width: 211px;
    height: 80px;
    margin-bottom: 15px;
    overflow: hidden;
    }
    .trafficInfo .content
    {
        padding: 15px;
    }
    .trafficInfo h2
    {
        color: #fff;
        font: bold 18px/20px Arial, Helvetica, sans-serif;
        margin: 0;
    }
    .trafficInfo a
    {
        color: #fff;
        text-decoration: underline;
    }

.trafficInfoContentBox
{
    float: right;
    width: 211px;
    height: 80px;
    margin-bottom: 15px;
    overflow: hidden;
}

.shortcuts
{
    float: right;
    width: 211px;
    }
    .shortcuts .content
    {
        background: #f2c800 url(/gfx/scandlines/genveje-box-bg.gif) repeat-x 0 100%;
        min-height: 185px;
        padding: 13px 5px 0 10px;
    }

    .shortcuts h2
    {
        color: #265599;
        font: bold 18px/20px Arial, Helvetica, sans-serif;
        margin: 0 0 3px;
        }
        .shortcuts .content ul
        {
            border-top: 1px solid #fff;
            font-size: 15px;
            font-weight: 700;
            list-style: none;
            margin: 0 -5px 0 -10px;
            padding: 0;
            }
            .shortcuts .content ul a
            {
                font-size: 15px;
            }
        .shortcuts .content li
        {
            background: url(/gfx/scandlines/arrow-right-white.gif) no-repeat 184px 5px;
            border-bottom: 1px solid #fff;
            padding: 3px 27px 3px 17px;
        }

.advertisment
{
    float: left;
    height: 321px;
    overflow: hidden;
    width: 211px;
    }
    .advertisment .editPanel
    {
        display: none;
        float: left;
        left: 0;
        margin: -10px 0 -13px 30px !important;
        position: relative;
    }

.editStatus .destinationsReklameBox .editPanel
{
    display: inline;
}


.subNav
{
    float: left;
    margin-right: 30px;
    width: 211px;
    }
    .subNav a
    {
        background: url(/gfx/scandlines/bullet.png) no-repeat 10px 8px;
        color: #686d7c;
        display: block;
        font-family: Arial,Verdana,Helvetica,Sansserif;
        padding: 2px 27px 2px 21px;
        text-decoration: none;
        width: 163px;
    }
    .subNav a:hover
    {
        background-color: #f7f7f9;
    }
    
    .subNav ul
    {
        background: #ebecf1;
        font-size: 13px;
        list-style: none;
        margin: 0 0 10px;
        overflow: hidden;
        padding: 3px 0 10px;
        }
        .subNav li.active a
        {
            color: #090f3c;
            font-weight: bold;
        }
        .subNav li.hasChildren a
        {
            background: url(/gfx/scandlines/bullet_active.png) no-repeat 10px 8px;
        }

        .subNav li.active ul
        {
            padding: 0 0 10px;
            margin: 0;
            }
            .subNav li.active li a
            {
                background: none;
                color: #686d7c;
                font-size: 12px;
                font-weight: normal;
                padding: 2px 27px;
                }
                .subNav li.active li.current a
                {
                    color: #090f3c;
                    font-weight: bold;
                }
                .bordershop .subNav a,
                .bordershop .subNav li.active li a
                {
                    color: #000 !important;
                }
                .subNav li.active li a:hover
                {
                    background: #f7f7f9;
                }
        
.mainContent
{
    color: #444754;
    float: left;
    overflow: hidden;
    width: 452px;
    }
    .mainContent.bordershop
    {
        color: #000;
    }
    .mainContent.wide
    {
        width: 693px;
    }
    .mainContent.frontpage
    {
        width: 934px;
    }

    .mainContent h1
    {
        color: #002a5c;
        font-size: 30px;
        font-weight: bold;
        line-height: 32px;
        margin: 0 0 10px;
        }
        .bordershop .mainContent h1
        {
            color: #000;
        }
        
    .mainContent h2
    {
        color: #3a3a3b;
        font-weight: normal;
        margin: 0;
    }
    .mainContent h3
    {
        clear: both;
        font-size: 15px;
        margin: 20px 0 5px;
        }
        .mainContent h3.destination
        {
            font-weight: normal;
            font-size: 16px;
            margin: 0;
            padding: 0;
        }
    .mainContent p.intro
    {
        font-size: 16px;
    }


/* = right column = */
.subContent
{
    float: right;
    width: 211px;
    min-height: 606px;
    background: none;
    padding-top: 10px;
    }
    .bordershop .subContent
    {
        /*background: url(/gfx/scandlines/teaser-column-bg.png) 0 0 repeat-x;*/
    }

.mainWideContent,
.mainWideContent1Col
{
    float: right;
    padding-right: 30px;
    width: 692px;
}

.mainWideContent1Col
{
    width: 934px;
}

.mainWideContent .info
{
    float: left;
    margin-bottom: 30px;
    width: 444px;
}

.formContent
{
    clear: both;
    overflow: hidden;
    width: 100%;
    }
    .formContent h2
    {
        color: #000;
        font: bold 15px/17px Arial, Helvetica, sans-serif;
        margin: 0 0 10px;
    }

.textareaBox img
{
    border: 0;
    vertical-align:top;
}

.contactInfoBox
{
    float: left;
    width: 457px;
}

.leftContent
{
    float: left;
    width: 217px;
}

.rightContent
{
    float: right;
    width: 217px;
}

.formSection
{
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
    }
    .formSection label
    {
        float: left;
        width: 90px;
    }
    .formSection .text
    {
        float: right;
        width: 120px;
    }

.title
{
    background: #192758;
    color: #fff;
    font: bold 16px/46px Arial, Helvetica, sans-serif;
    list-style: none;
    overflow: hidden;
    padding: 0 19px;
    margin: 0;
    width: 474px;
}

.popup
{
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    width: 512px;
    }
    .popup #header
    {
        width: 459px;
    }
    .popup .unionBox
    {
        margin: 30px;
        min-height: 281px;
        overflow: visible;
        width: 452px;
    }
    .popup #footer
    {
        background: url(/eprise/Scandlines/Internet/_Common/Images/v3/footer-main-bg.gif) repeat-y;
        color: #fff;
        margin: 0 -25px 0 -26px;
        width: 553px;
        }
        .popup #footer .content
        {
            padding: 12px 55px;
            width: 453px;
        }


.title a
{
    color: #acb1c3;
    line-height: 46px;
    padding: 0 11px;
    text-decoration: none;
}

td
{
    font: 12px Arial, Helvetica, sans-serif;
}

.textBox ul li a
{
    text-decoration: none;
}

.addNav li a:hover,
.textBox ul li a:hover,
.tabset li a:hover,
.shortcuts .content a:hover
{
    text-decoration: underline;
}

.title a:hover
{
    background: #465278;
    color: #fff;
}

.textContent.ladge,
.textContent.twoCols
{
    width: 452px;
}

.textBox a:hover,
.mainContent a:hover
{
    color: #192758;
    text-decoration: underline;
}

.textBox h2 a,
.textBox h2 span a:hover,
.shortcuts .content a
{
    color: #fff;
    text-decoration: none;
}

.textBox h2 span
{
    display: block;
    height: 16px;
    overflow: hidden;
}

.textBoxStandard .editPanel,
.textContent .editPanel,
.shortcuts .editPanel,
.allBoxes .editPanel
{
    left: 0;
    margin: -10px auto -13px!important;
    position: relative;
}

.topBanner img,
.editStatus .editPanel,
.allBoxes img
{
    display: block;
}

.kortBox img,
.column.right,
.mainWideContent img
{
    float: right;
}

.trafikinfoBox a
{
    color: #fff;
}

.tabset li,
.subNav li
{
    float: left;
}

.trafikinfoBox p
{
    margin-bottom: 8px;
}

.popup.title
{
    width: 100%;
}

.allBoxes.threeCols,
.textContent.threeCols
{
    width: 693px;
}



.column
{
    float: left;
    overflow: hidden;
    width: 211px;
}

/* = sitemap = */
.sitemap ul
{
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
}
.sitemap li
{
    line-height: 1.5;
    }
    .sitemap li.topLevel
    {
        font-weight: bold;
    }

/* = search result = */
.searchResult ul.results
{
    border-bottom: 1px solid #d7d9df;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .searchResult ul.results a
    {
        color: #545a6a;
        text-decoration: none;
    }
    .searchResult ul.results a:hover
    {
        text-decoration: underline;
    }
    .searchResult ul.results p
    {
        margin: 0;
        }
        .searchResult ul.results p.caption a
        {
            color: #333;
            font-weight: bold;
        }
    .searchResult ul.results li
    {
        border-top: 1px solid #d7d9df;
        padding: 15px 0;
    }
    
.searchResult h1
{
    margin: 0;
    padding-bottom: 17px;
}	
.searchResult .searchBox
{
    background: #ebecf1;
    color: #444754;
    padding: 30px;
    position: static;
    width: auto;
    }
    .searchResult .searchBox p 
    {
        clear: both;
        margin: 10px 0 0;
        overflow: hidden;
        width: 100%;
    }
    .searchResult .searchBox input.txt
    {
        width: 180px;
    }
.searchResult .pagination .links
{
    float: none;
    max-width: 100%;
    width: 100%;	
}
    
    
/* = product range = */
.spotList
{
    margin-top: 20px;
    }
    .spotList h4
    {
        margin: 0 0 5px;
    }
    .spotList ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .spotList li
    {
        float: left;
        height: 98px;
        margin: 0 30px 25px 0;
        overflow: hidden;
        position: relative;
        width: 211px;
        }
        .spotList li.last
        {
            margin-right: 0;
        }
    .spotList.subcategory li
    {
        height: 44px;
        margin-bottom: 30px;
    }
    .spotList .price
    {
        background: #fff;
        color: #444754;
        font-size: 14px;
        font-weight: bold;
        padding: 3px 7px;
        position: absolute;
        right: 0;
        top: -17px;
    }
    .spotList .name
    {
        background: url(/gfx/scandlines/spot-gradient.png) 0 0 repeat-x;
        bottom: 0;
        color: #010f3c;
        height: 44px;
        position: absolute;
        width: 100%;
        z-index: 1;
        }
        .spotList .name h2
        {
            background: url(/gfx/scandlines/arrow-2.png) 85% 4px no-repeat;
            font-size: 16px;
            font-weight: bold;
            line-height: 1.2;
            margin: 5px 0 0 10px;
            padding: 0 40px 0 0;
        }
    .spotList.subcategory .name
    {
        background: url(/gfx/scandlines/spot-gradient-2.png) 0 0 repeat-x;
    }

    .spotList a
    {
        background: red;/*unknown ie bug needed background */
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 999;
    }


    
/* = special offer block = */
.specialOffer
{
    color: #000;
    float: left;
    }
    .specialOffer .priceBlock
    {
        background: #ffde4a;
        float: left;
        font-size: 14px;
        font-weight: bold;
        padding: 8px 15px;
        vertical-align: baseline;
        }
        .specialOffer .priceBlock span
        {
            line-height: 1;
        }
        .specialOffer .priceBlock span.text
        {
            font-weight: normal;
        }
        .specialOffer .priceBlock span.price
        {
            font-size: 24px;
            position: relative;
            }
            .specialOffer .priceBlock span.price sup
            {
                font-size: 14px;
                position: relative;
                top: -7px;
                vertical-align: baseline;
            }
    .specialOffer .reductionBlock
    {
        background: #e9eaf1;
        clear: left;
        font-size: 12px;
        font-weight: bold;
        line-height: 25px;
        padding: 0 15px;
        }
        .specialOffer .reductionBlock span.amount,
        .specialOffer .reductionBlock span.lowPrice,
        .specialOffer .reductionBlock span.normalPrice
        {
            display: none;
        }
        
    
.offersBlock
{
    overflow: hidden;
    position: relative;
}
.specialOffersPage 
{
    padding-top: 20px;
}

.productOfferTeaser 
{
    position: relative;
    }
    .productOfferTeaser a.boxLink
    {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100;
        background: red;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .productOfferTeaser .image
    {
        height: 190px;
        overflow: hidden;
        width: 191px;
    }
    .productOfferTeaser .price
    {
        font-size: 15px;
        font-weight: bold;
    }
    .productOfferTeaser span.special 
    {
        background: #fff none repeat scroll 0 0;
        color: #000;
        font-size: 15px;
        font-weight: bold;
        padding: 3px;
        position: absolute;
        right: 0;
        text-transform: uppercase;
        top: -15px;
    }
    .productOfferTeaser .productInfo 
    {
        background: transparent url(/gfx/scandlines/product_teaser_bottom_gradient.png) no-repeat scroll 0 0;
        bottom: 0;
        position: absolute;
        width: 100%;
    }
    .bordershop .productOfferTeaser .productInfo 
    {
        border-color: #000;
    }
    .shoppingclub .productOfferTeaser .productInfo 
    {
        border-color: #c2c4d1;
    }
    .productOfferTeaser .product
    {
        padding: 45px 10px 10px;
    }
    
    .productOfferTeaser .productInfo .product h1, 
    .productOfferTeaser .productInfo .product h1 a
    {
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
        margin: 0 0 3px;
        text-decoration: none;
    }
    .productOfferTeaser .productInfo .product h1 a
    {
        position: static;
    }
    .productOfferTeaser .productInfo .product p
    {
        color: #000;
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
        margin: 0;
    }
    .productOfferTeaser span.price
    {
        left: 10px;
        position: absolute;
        top: 14px;
    }
    .productOfferTeaser span.price .ProductPrice
    {
        font-size: 26px;
    }
    .productOfferTeaser span.price .ProductPrice sup
    {
        font-size: 14px;
        position: absolute;
        top: 2px;
        vertical-align: super;
    }
    
    .productOfferTeaser div.price
    {
        font-size: 30px;
        left: 10px;
        position: absolute;
        top: 16px;
        }
        .productOfferTeaser div.price span.currency
        {
            font-size: 16px;
        }
        .productOfferTeaser div.price sup
        {
            font-size: 16px;
            position: absolute;
            top: -8px;
            vertical-align: super;
        }	
        .productOfferTeaser div.price p
        {
            margin-bottom: 0;
        }

.offer
{
    background: #efc600;
    cursor: pointer;
    float: left;
    height: 211px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    width: 452px;
    }
    .offer a.toProductPage
    {
        background: red;
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 700;
    }
    .offer.first
    {
        margin-right: 30px;
    }
    .offer .image
    {
        height: 211px;
        overflow: hidden;
        width: 211px;
    }
    .offer .special
    {
        display: none;
    }
    .offer .price
    {
        background: url(/gfx/scandlines/offer-gradient.png) 0 0 repeat-y;
        bottom: 0;
        color: #fff;
        font-size: 55px;
        font-weight: bold;
        height: 85px;
        overflow: hidden;
        position: absolute;
        width: 100%;
        }
        .offer .price p
        {
            bottom: 10px;
            left: 27px;
            line-height: 1;
            margin: 0;
            padding: 0;
            position: absolute;
        }
        .offer .price span
        {
            font-size: 24px;
        }
        .offer .price sup
        {
            font-size: 30px;
            position: absolute;
        }
    .offer .product
    {
        color: #000;
        height: 100%;
        position: absolute;
        right: 16px;
        top: 0;
        width: 210px;
        z-index: 500;
        }
        .offer .product .preorder
        {
            bottom: 12px;
            position: absolute;
            right: 5px;
            }
            .offer .product .preorder input.txt,
            .offer .product .preorder .buttonWrapper
            {
                float: right;
            }
            .offer .product .preorder input.txt
            {
                margin: 0 15px 0 0;
            }
            .offer .product .preorder p
            {
                clear: both;
                color: #363742;
                float: right;
                font-size: 11px;
                margin-right: -3px;
            }
            .offer .product .preorderLink
            {
                float: right;
                padding-top: 4px;
            }
        
        .offer .product h1
        {
            margin-top: 11px;
        }
        .offer .product p,
        .offer .product h1
        {
            color: #000;
            margin-bottom: 5px;
        }
        .offer .product h1
        {
            /*color: #002a5c;*/
            color: #000;
            font-size: 24px;
        }
        .bordershop .offer .product h1
        {
            color: #000;
        }
        
        .offer .addInfo
        {
            bottom: 10px;
            font-size: 11px;
            position: absolute;
            right: 0;
            text-align: right;
            z-index: 999;
            }
            .offer .addInfo p
            {
                color: #444754;
                margin-bottom: 0;
                }
                .offer .addInfo p.seeAll
                {
                    font-size: 12px;
                    font-weight: bold;
                    margin-top: 2px;
                    }
                    .offer .addInfo p.seeAll a
                    {
                        background: url(/gfx/scandlines/arrow.png) 100% 50% no-repeat;
                        padding-right: 10px; 
                        text-decoration: none;
                    }

    .mainContent.frontpage #rotatingOfferBox
    {
        background: #efc600;
        float: right;
        height: 211px;
        overflow: hidden;
        width: 452px;
        }
        .mainContent.frontpage #rotatingOfferBox #effectLayer
        {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;   
            background: #efc600;
            z-index: 999;
        }
        .mainContent.frontpage #rotatingOfferBox ul
        {
            list-style-type: none;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: relative;
        }
        .mainContent.frontpage #rotatingOfferBox li
        {
            display: none;
            float: left;
            height: 211px;
            position: relative;
            width: 452px;
            overflow: hidden;
        }
        .mainContent.frontpage #rotatingOfferBox .options
        {
            bottom: 0;
            right: 0;
            position: absolute;
            }
            .mainContent.frontpage #rotatingOfferBox .options input
            {
                margin-right: 10px;
            }
        .mainContent.frontpage .specialTitle
        {
            background: #fff;
            color: #000;
            font-size: 11px;
            font-weight: bold;
            left: 15px;
            padding: 5px 15px;
            position: absolute;
            text-transform: uppercase;
            top: 0;
            z-index: 100;
        }

/* = form = */
.formfields ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.formfields dt
{
    color: #666;
    float: left;
    font-weight: bold;
    padding: 3px 5px 0 0;
    text-align: right;
    width: 145px;
    clear: left;
    margin-bottom: 10px;
    }
    .formfields dt.noPadding
    {
        padding-top: 0;
    }
.formfields dl
{
    overflow: hidden;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
}

.formfields dd
{
    float: left;
    margin: 0 0 10px;
    width: 280px;
    }
    .formfields input.txt,
    .formfields select
    {
        border: 1px solid #265599;
        width: 250px;
        position: relative;
    }
    .formfields textarea,
    .formfields select
    {
        padding: 0;
        width: 260px;
    }
    .formfields span.chk label
    {
        padding-left: 5px;
    }
    .formfields .buttonWrapper input
    {
        width: auto;
    }
    .formfields .buttonWrapper
    {
        margin-right: 20px;
    }

    .formfields dd.error input.txt
    {
        border: 1px solid red;
    }
    .formfields dd.error span,
    .formfields .shortField span
    {
        float: left;
        clear: left;
        width: 100%;
    }
    .formfields dd.divider
    {
        width: 100%;
        float: none;
        height: 15px;
    }

.formfields a.showDatepicker,
.formfields a.showTimepicker
{
    float: right;
    background: url(/gfx/scandlines/ico-calendar.gif) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    margin: 3px 145px 0 3px;
    display: inline;
}
.formfields a.showTimepicker
{
    background: url(/gfx/scandlines/ico-clock.gif) 0 0 no-repeat;
}
.formfields input.dateField,
.formfields input.timeField
{
    width: 100px;
}
.formfields .shortField input
{
    width: 40px;
}
.formfields .shortField label
{
    float: left;
    padding: 3px 2px 0 5px;
    font-weight: bold;
    color: #666;
}

.formfields .captcha
{
    padding: 0 0 20px 150px;
    overflow: hidden;
    clear: both;
}
.formfields p
{
    clear: left;
}

.formfields input.timeField.customTimeField
{
    opacity: 0;
    filter: alpha(opacity=0);
    width: 0px;
    height: 0px;
}


.signup
{
    padding-top: 15px;
}
.formfields.signup dt
{
    width: 112px;
}
.formfields.signup dd
{
    width: 310px;
    }
    .formfields.signup dd span
    {
        clear: left;
        float: left;
        white-space: nowrap;
    }

#faq
{
    padding-top: 10px;
    }
    #faq h3
    {
        margin: 0;
        padding: 0 0 10px;
        }
        #faq h3 a
        {
            font-size: 12px;
        }
        #faq h3 a:hover
        {
            color: #ccc;
        }
#faq .section
{
    overflow: hidden;
    padding-bottom: 20px;
}

#pressArchive h3
{
    margin: 0 0 10px 71px;
    font-size: 12px;
    position: relative;
    }
    #pressArchive h3 span.date
    {
        position: absolute;
        left: -71px;
        font-weight: normal;
    }
    #pressArchive h3 span.arrow
    {
        display: none;
    }
    #pressArchive h3.selected span.arrow
    {
        display: inline;
        padding-left: 5px;
    }
#pressArchive .section
{
    padding-bottom: 10px;
    border-bottom: 1px solid #b5b8c4;
    margin-bottom: 10px;
    overflow: hidden;
}
#pressArchive a.pdf
{
    float: left;
    clear: both;
}

/* = rss block = */
.rssFeed
{
    background: transparent url(/gfx/scandlines/rss_block_bg.png) repeat-x scroll left -1px;
    margin: 0 10px 20px;
    padding: 10px 0;
    }
    .rssFeed a
    {
        background: transparent url(/gfx/scandlines/ico-rss.png) no-repeat scroll 93% 50%;
        color: #010F3C;
        float: left;
        font-size: 11px; 
        line-height: 14px;
        padding: 0 45px 0 10px;
        text-decoration: none;
        width: 135px;
    }
    .rssFeed a:hover
    {
        background:transparent url(/gfx/scandlines/ico-rss-hover.png) no-repeat scroll 93% 50%;
    }
    
a.pdf
{
    background: url(/gfx/scandlines/pdf-ico.png) 0 50% no-repeat;
    font-size: 12px;
    padding: 5px 0 4px 20px;
}

/* = teaser box = */
.subContent .teaserBox
{
    border-bottom: 3px solid #002a5c;
    margin: 0 10px 20px;
    padding-bottom: 12px;
    /*overflow: hidden;*/
    }
    .subContent .teaserBox p
    {
        margin: 0;
        padding: 10px 0 0;
    }
    .bordershop .subContent .teaserBox
    {
        border-color: #e8ebf1;
    }
    .shoppingclub .subContent .teaserBox
    {
        border-color: #c2c4d1;
    }
    .subContent .teaserBox ul
    {
        list-style-type: none;
        margin: 10px 0 0;
        padding: 0;
        }
        .subContent .teaserBox li .imgContainer
        {
            text-align: center;
        }
        
    .subContent .teaserBox.withImage
    {
        padding-bottom: 0;
        text-align: center;
        }
        .subContent .teaserBox.withImage ul,
        .subContent .teaserBox.withImage p
        {
            padding-bottom: 12px;
            text-align: left;
        }

.informationBoxes
{
    padding-top: 30px;
    }
    .informationBoxes ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .informationBoxes li
    {
        float: left;
        width: 49%;
        }
        .informationBoxes li.righter
        {
            float: right;
        }
        .informationBoxes li ul
        {
            list-style-type: disc;
            margin-left: 20px;
            padding: 0 0 20px;
        }
        .informationBoxes li li
        {
            float: none;
            padding-bottom: 5px;
            width: auto;
        }

/* = category details = */
.categoryDetails .intro
{
    padding: 20px 0;
}
.categoryDetails ul
{
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.optionsPanel
{
    background: #f7f8f9 url(/gfx/scandlines/options-panel-bg.png) 0 0 repeat-x;
    border: solid #d7d9df;
    border-width: 1px 0;
    color: #444754;
    font-size: 12px;
    height: 35px;
    margin: 10px 0 20px;
    padding: 0 13px;
    }
    .optionsPanel a
    {
        background: url(/gfx/scandlines/arrow-right-black.gif) 100% 50% no-repeat;
        padding-right: 10px;
        text-decoration: none;
        }
        .optionsPanel .active a
        {
            background-image: url(/gfx/scandlines/arrow-down-black.gif);
            font-weight: bold;
        }
    .optionsPanel .showAll
    {
        border-right: 1px solid #d7d9df;
        float: left;
        height: 22px;
        margin-top: 3px;
        padding-top: 7px;
        width: 65px;
    }
    .optionsPanel .showOffers
    {
        border-right: 1px solid #d7d9df;
        float: left;
        height: 22px;
        margin-top: 3px;
        padding: 7px 0 0 8px;
        width: 222px;
    }
    .optionsPanel .currencyChanger
    {
        float: right;
        margin-top: 4px;
        padding: 6px 0 0;
        width: 120px;
        white-space: nowrap;
        vertical-align: middle;
        }
        .optionsPanel .currencyChanger select,
        .pagination .amountPerPage select
        {
            border: 1px solid #808c9f;
            display: inline;
            font-size: 11px;
            position: relative;
            top: -1px;
            vertical-align: top;
            margin: 0;
        }


.pagination
{
    color: #444754;
    font-size: 12px;
    padding: 37px 0 23px;
    }
    .pagination	ul
    {
        margin: 0;
        padding: 0;
    }
    .pagination .amountPerPage
    {
        float: left;
    }
    .pagination .info
    {
        float: right;
    }
    .pagination .links
    {
        float: right;
        max-width: 215px;
        position: relative;
        top: -7px;
        }
        .pagination .links li
        {
            display: inline;
            float: left;
            margin: 0 0 5px 5px;
        }
        .pagination .links a,
        .pagination .links span
        {
            color: #444754;
            display: block;
            background: #fff;
            border: 1px solid #444754;
            padding: 2px 6px;
            text-decoration: none;
        }
        .pagination .links span
        {
            color: #ccc;
            }
            .pagination .links li.prev a,
            .pagination .links li.next a,
            .pagination .links span
            {
                border: 0;
                margin-top: 1px;
            }
            .pagination .links li.current a,
            .pagination .links a:hover
            {
                background: #002a5c;
                border: 1px solid #444754;
                color: #fff;
                text-decoration: none;
                }
                .bordershop .pagination .links li.current a,
                .bordershop .pagination .links a:hover
                {
                    background: #000;
                }
            
    

.categoryDetails .itemList li
{
    overflow: hidden;
    padding-left: 10px;
}


.categoryDetails h4
{
    background: url(/gfx/scandlines/subcategory-gradient.png) 0 0 repeat-x;
    margin: 0;
    padding: 0;
}
.categoryDetails h4 a
{
    background: url(/gfx/scandlines/plus.png) 98% 55% no-repeat;
    border-top: 1px solid #d7d9df;
    display: block;
    font-size: 13px;
    font-weight: normal;
    outline: none;
    padding: 4px 10px 3px 5px;
    text-decoration: none;
    }
    .categoryDetails h4 a.selected
    {
        background-color: #eaebf1;
        background-image: url(/gfx/scandlines/minus.png);
        font-weight: bold;
    }

.siteList li
{
    line-height: 1.5;
}
.categoryDetails h2
{
    font-weight: bold;
}
.categoryDetails .itemList
{
    padding-top: 10px;
    }
    .categoryDetails .itemList a
    {
        font-size: 12px;
    }
    .categoryDetails .itemList ul
    {
        color: #444754;
        margin: 0;
        padding: 0;
    }
    .categoryDetails .itemList li
    {
        border-bottom: 1px solid #d7d9df;
        overflow: hidden;
        padding: 15px 0 5px;
        vertical-align: middle;
        }
        .categoryDetails .subCategories .itemList li
        {
            border-bottom: 0;
            border-top: 1px solid #d7d9df;
        }
        .categoryDetails .itemList li .image
        {
            float: left;
            width: 110px;
        }
        .categoryDetails .itemList li .info
        {
            float: left;
            width: 330px;
        }
        .categoryDetails .itemList li h3
        {
            margin: 0 0 3px;
            }
            .categoryDetails .itemList li h3 a,
            .categoryDetails .itemList li h3 a:hover
            {
                color: #333;
                font-size: 14px;
                font-weight: bold;
                text-decoration: none;
            }
        .categoryDetails .itemList li p.normalPrice
        {
            font-size: 12px;
            margin-bottom: 7px;
            }
            .categoryDetails .itemList li p.normalPrice span
            {
                display: none;
                }
                .categoryDetails .itemList li p.normalPrice span.active
                {
                    display: inline;
                }
        .categoryDetails .itemList li p.endDate
        {
            clear: left;
            font-size: 10px;
            margin: 0;
            padding: 7px 0 5px;
        }
        
        .categoryDetails .itemList li .container
        {
            min-height: 30px;
            position: relative;
        }
        .categoryDetails .itemList li .specialOffer
        {
            width: 175px;
            }
            .categoryDetails .itemList li .specialOffer .priceBlock,
            .categoryDetails .itemList li .specialOffer .reductionBlock
            {
                color: #444754;
                float: none;
                padding: 5px;
                }
                .categoryDetails .itemList li .specialOffer .reductionBlock span
                {
                    display: none;
                    }
                    .categoryDetails .itemList li .specialOffer .reductionBlock span.active
                    {
                        display: inline;
                    }
                .categoryDetails .itemList li .specialOffer .priceBlock .dkkProductPrice,
                .categoryDetails .itemList li .specialOffer .priceBlock .euroProductPrice
                {
                    display: none;
                    }
                        .categoryDetails .itemList li .specialOffer .priceBlock .dkkProductPrice.active,
                        .categoryDetails .itemList li .specialOffer .priceBlock .euroProductPrice.active
                        {
                            display: inline;
                        }

            .categoryDetails .itemList li .specialOffer .reductionBlock
            {
                border: 0;
                line-height: 20px;
                padding: 0 5px;
            }
        
        .categoryDetails .itemList li .preorder
        {
            bottom: -5px;
            position: absolute;
            right: 0;
            width: 150px;
            }
            .categoryDetails .itemList li .preorder input[type="text"]
            {
                border: 2px inset #ccc;
                color: #444754;
                float: left;
                font-size: 14px;
                padding: 3px 5px;
                width: 30px;
            }
            .categoryDetails .itemList li .preorder .buttonWrapper
            {
                display: inline;
                float: right;
                margin-right: 6px;
            }
            .categoryDetails .itemList li .preorder .preorderLink
            {
                padding-bottom: 9px;
                text-align: center;
            }
        
        .categoryDetails .subCategories,
        .categoryDetails h2 
        {
            clear: left;
        }
        .categoryDetails h2 
        {
            color: #444754;
            font-family: Arial;
            font-size: 16px;
            padding-top: 34px;
        }

.pickUpData
{
    background: #ffde4a;
    padding: 10px 10px 8px;
    position: relative;
    }
    .pickUpData	p
    {
        margin: 3px 0;
    }
    .pickUpData dd,
    .pickUpData dl
    {
        margin: 0;
    }
    .pickUpData dt,
    .pickUpData dd
    {
        margin-bottom: 8px;
    }
    .pickUpData dt
    {
        font-weight: bold;
        }
        .pickUpData dd.note
        {
            font-size: 10px;
            margin: 7px 0 0;
        }
    .pickUpData .container
    {
        float: left;
        margin-right: 23px;
    }
    

/* = checkout steps = */
.steps
{
    padding-bottom: 20px;
}
.steps h2,
.steps h4
{
    margin: 10px 0;
}
.steps h4
{
    font-size: 16px;
    margin-bottom: 5px;
}
.steps p
{
    margin-bottom: 13px;
}
.steps.admin a
{
    color: #ee3a4c;
}
.steps.admin .buttonWrapper
{
    clear: left;
    margin-top: 15px;
}

.steps dd
{
    margin: 0;
}
.steps .column
{
    float: left;
    width: 330px;
    padding-right: 10px;
    }
    .steps .column h4
    {
        margin-top: 0;
    }
    
.validationMsgNextBtn
{
    display: none;
    color: #900;
}
.steps .buttonWrapper.large,
.formfields .buttonWrapper.large.sales
{
    display: inline;
    float: right;
    margin: 5px 6px 0 0;
    }
    .formfields .buttonWrapper.large.sales
    {
        margin-bottom: 20px;
    }
    .steps .fields .buttonWrapper.large
    {
        float: left;
        margin: 0;
    }
    .steps .buttonWrapper.large input,
    .formfields .buttonWrapper.large.sales input
    {
        padding: 0 65px;
    }
.steps p.orderMore a
{
    background: url(/gfx/scandlines/arrow-left-blue.gif) 0 50% no-repeat;
    padding-left: 10px;
    text-decoration: none;
}
.steps p.notes
{
    font-size: 11px;
}

.stepIndicator
{
    float: left;
    padding: 0 0 10px;
    }
    .stepIndicator ol
    {
        counter-reset: list;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .stepIndicator li
    {
        background: url(/gfx/scandlines/arrow-2.png) 100% 55% no-repeat;
        float: left;
        font-size: 14px;
        margin: 0 15px 0 0;
        padding: 0 25px 0 0;
        }
        .stepIndicator li:before
        {
            content: counter(list)'.';
            counter-increment: list;
        }

        .stepIndicator li.current
        {
            font-weight: bold;
        }
        .stepIndicator li.last
        {
            background: none;
            padding: 0;
        }
        
.productsList
{
    margin: 15px 10px 0 10px;
    position: relative;
    }
    .productsList table
    {
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%;
    }
    .productsList th
    {
        border-bottom: 1px solid #d7d9df;
        font-weight: bold;
        padding-bottom: 5px;
        text-align: left;
    }
    .productsList td
    {
        padding-top: 5px;
        vertical-align: top;
        }
        .productsList td.spacer
        {
            height: 5px;
        }
    .productsList tr.error td
    {
        padding: 0;
    }
    .productsList input.txt
    {
        font-size: 12px;
        padding: 2px 5px;
        position: relative;
        text-align: center;
        top: -3px;
        width: 26px;
    }
    .productsList .price
    {
        padding-right: 20px;
        text-align: right;
    }
    .productsList .product
    {
        width: 190px;
        padding-right: 6px;
    }
    .productsList .delete
    {
        text-align: right;
        width: 30px;
    }
    .productsList .number
    {
        width: 40px;
    }
    .productsList .multiplicationMark
    {
        padding-top: 5px;
        text-align: center;
        width: 38px;
    }
    .productsList .totalPrice
    {
        text-align: right;
    }
    .productsList td.error input
    {
        border: 2px solid #a72222;
    }

.steps .update
{
    margin: 5px 10px -10px 10px;
    }
    .steps .update dl
    {
        margin: 0;
        overflow: hidden;
        padding: 0;
    }
    .steps .update dt
    {
        font-size: 10px;
        line-height: 22px;
        padding-right: 15px;
    }
    .steps .update dt,
    .steps .update dd
    {
        float: left;
    }

.steps .totalAmountOn
{
    margin: 15px 10px 30px 10px;
    }
    .steps .totalAmountOn ul
    {
        border-bottom: 1px solid #d7d9df;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .steps .totalAmountOn li
    {
        border-top: 1px solid #d7d9df;
        vertical-align: middle;
    }
    
    .steps .totalAmountOn dl
    {
        color: #333;
        margin: 0;
        padding: 5px 30px 5px 0;
    }
    .steps .totalAmountOn dt
    {
        float: left;
        font-weight: bold;
    }
    .steps .totalAmountOn dd
    {
        float: right;
        font-weight: bold;
        }
        .steps .totalAmountOn dd span.euro
        {
            font-weight: normal;
        }

.steps .bordershopPic
{
    float: right;
}
.steps .smallFaq
{
    margin-right: 390px;
    }
    .steps .smallFaq dd.divider
    {
        height: 10px;
    }
.steps dl.fields
{
    margin: 0;
    padding: 0 0 10px;
    }
    .steps dl.fields input.txt,
    .steps dl.fields select,
    .steps dl.fields textarea
    {
        border: 1px solid #265599;
        font-size: 12px;
        margin-right: 20px;
        padding: 2px 0;
        width: 212px;
    }

    .steps dl.fields textarea
    {
        height: 100px;
    }
    .steps.admin dl.fields input[type="text"]
    {
        border: 2px inset #ccc;
        color: #444754;
        float: left;
        font-size: 14px;
        padding: 3px 5px;
        width: 140px;
    }
    
    .steps dl.fields dt
    {
        clear: left;
        color: #444754;
        float: left;
        line-height: 18px;
        padding-right: 10px;
        text-align: right;
        width: 150px;
        }
        .steps .column dl.fields dt
        {
            text-align: left;
        }
        .steps.admin dl.fields dt
        {
            width: 110px;
        }
        
        
    .steps dl.fields dd
    {
        position: relative;
        line-height: 18px;
        margin-left: 107px;
        /*width: 210px;*/
        }
        .steps dl.fields ul,
        .formfields .shortField ul
        {
            list-style: none;
            margin: 0;
            padding: 0;
            }
            .steps dl.fields ul.doubleField li,
            .formfields .shortField li
            {
                float: left;
            }
            .steps dl.fields ul.doubleField em,
            .formfields .shortField em
            {
                position: absolute;
                margin-left: -12px;
            }
            .steps dl.fields ul.doubleField input.txt
            {
                width: 95px;
            }
            
        
        .steps dl.fields dd.error input.txt,
        .steps dl.fields li.error input.txt,
        .formfields .shortField li.error input.txt
        {
            border: 1px solid #a72222;
        }
        .steps dl.fields dd.error span,
        .steps dl.fields li.error span,
        .formfields .shortField li.error span
        {
            clear: left;
            float: left;
        }
        .steps dl.fields .error .radioBtn span,
        .formfields .shortField .error .radioBtn span 
        {
            float: none;
        }

        .steps dl.fields dd.divider,
        .steps dl.fields dd.separator
        {
            clear: both;
            float: none;
            height: 22px;
            overflow: hidden;
            width: auto;
        }
        .steps dl.fields dd.separator
        {
            height: 1px;
        }
    .steps dl.fields .errorBlock
    {
        font-size: 11px;
        left: 0;
        margin-top: -16px;
        position: absolute;
        white-space: nowrap;
    }
    
    .steps .validationSummary
    {
        color: #a72222;
        display: none;
        margin: 10px 0 18px 10px;
    }
    .steps h3
    {
        margin: 0 0 10px 10px;
    }
.steps .specialOffer
{
    float: left;
    padding-left: 10px;
    width: 440px;
    }
    .steps .specialOffer .image
    {
        float: left;
        overflow: hidden;
        width: 80px;
    }
    .steps .specialOffer .content
    {
        float: left;
        width: 211px;
        }
        .steps .specialOffer .content img
        {
            display: none;
        }
    .steps .specialOffer .caption
    {
        background: #ffde4a;
        float: left;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 4px 10px;
    }
    .steps .specialOffer p
    {
        margin-bottom: 2px;
    }
    .steps .specialOffer .buttonWrapper
    {
        margin-top: 3px;
    }
    
#brobizz,
#orderScandlinesCard
{
    border: 1px dotted #ccc;
    clear: left;
    display: none;
    margin-top: 5px;
    overflow: hidden;
    padding: 10px;
    width: 450px;
    }
    #brobizz dt,
    #brobizz dd
    {
        float: none;
        text-align: left;
        padding-bottom: 5px;
    }
    #brobizz input
    {
        margin-right: 10px;
    }
    #brobizz ul,
    #orderScandlinesCard ul
    {
        margin: 5px 0 0;
        padding: 0;
        list-style: none;
    }
    #orderScandlinesCard ul
    {
        margin: 0;
    }
    #orderScandlinesCard dd
    {
        margin-bottom: 5px;
    }
    #brobizz li,
    #orderScandlinesCard li
    {
        padding: 3px 0;
    }
    
#orderScandlinesCard
{
    margin: 10px 0;
}
#addExtraCard
{
    border: 1px dotted #ccc;
    clear: both;
    margin: 5px;
    padding: 10px;
    overflow: hidden;
    }
    #addExtraCard p
    {
        clear: both;
    }

#pbs
{
    display: none;
    width: 640px;
}

.productBlock
{
    padding-bottom: 120px;
    position: relative;
    }
    
    .productBlock .specialOfferWrapper,
    .productBlock .preorder
    {
        bottom: 20px;
        position: absolute;
        }
        .productBlock .preorder
        {
            bottom: 14px;
        }
        .productBlock .preorder .preorderLink
        {
            padding-bottom: 5px;
        }
    
    .productBlock h1
    {
        color: #000;
    }
    .productBlock .look
    {
        float: right;
        margin: 0;
        width: 211px;
        }
        .productBlock .look .image
        {
            height: 211px;
            overflow: hidden;
            width: 211px;
        }
        .productBlock .look input[type="text"]
        {
            margin: 0 10px 0 0;
        }
    
    .productBlock .info
    {
        color: #444754;
        float: left;
        font-family: Arial;
        width: 225px;
        }
        .productBlock .info h1
        {
            color: #000;
            font-size: 30px;
            }
            .productBlock .info p
            {
                line-height: 1.25;
                margin-bottom: 11px;
            }
            .productBlock .info .description,
            .productBlock .info p.normalPrice
            {
                font-size: 12px;
            }
                
            .productBlock .info p.size
            {
                font-size: 16px;
            }
            .productBlock .info p.itemNumber
            {
                font-size: 10px;
            }
            .productBlock .info p.endDate
            {
                bottom: 0;
                font-size: 11px;
                margin: 0;
                position: absolute;
                white-space: nowrap;
            }
        
    
.itemList li
{
    line-height: 16px;
    padding-bottom: 10px;
}
p.currency
{
    text-align: right;
}


/* = vote block = */
.vote .content
{
    padding: 15px 15px 0;
}
.vote h2
{
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.vote dl.poll dt
{
    float: right;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 5px;
    width: 140px;
    }
    .vote dl.poll dt label
    {
        vertical-align: middle;
    }

.vote dl.poll dd
{
    float: left;
    font-weight: normal;
    margin: 0 0 5px;
    width: 15px;
    }
    .vote dl.poll dd.divider
    {
        clear: both;
        float: none;
        height: 1px;
        line-height: 1px;
        width: 100%;
    }
    .vote dl.poll dd input
    {
        border: none;
        height: 13px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }
    .vote input.btn
    {
        float: right;
    }
.vote dl.poll.result dt
{
    clear: both;
    float: none;
    margin: 0;
    vertical-align: top;
    width: auto;
}
dl.poll.result dd.bar
{
    background-color: #B4BAAE;
    float: left;
    height: 6px;
    margin: 4px 0 14px;
    overflow: hidden;
    position: relative;
    width: 83%;
    }
    dl.poll.result dd.bar span
    {
        background-color: #629415;
        display: block;
        height: 6px;
        left: 0;
        position: absolute;
        top: 0;
    }
dl.poll.result dd.result
{
    float: right;
    font-weight: bold;
    margin: -2px 0 0;
    text-align: right;
    width: 17%;
}
    
/* = ports = */
.ports ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .ports li
    {
        float: left;
        margin: 0 15px 20px 0;
        width: 215px;
        }
        .ports li.last
        {
            margin-right: 0;
        }
    .ports h4
    {
        margin: 0;
    }

    
/* = employees = */
.employees ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .employees li
    {
        float: left;
        margin: 0 15px 20px 0;
        width: 215px;
        }
        .employees li.last
        {
            margin-right: 0;
        }
        .employees li a
        {
            float: left;
            clear: left;
        }
.employeeSingle
{
    overflow: hidden;
    width: 452px;
    }
    .employeeSingle img
    {
        margin-bottom: 10px;
    }

.shadow
{
    background: url(/gfx/scandlines/page-bg-main.gif) 50% 0 repeat-y;	
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.pageContent h2
{
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0;
    color: #444754;
}
.pageContent h3
{
    color: #333;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
}
.pageContent p,
.mainContainer .pageContent a
{
    color: #444754;
    font-size: 12px;
}
.mainContainer .pageContent a:hover
{
    color: #000;
}
.pageContent img
{
    margin-bottom: 20px;
}


/*
    Scandlines.com styles
 **************************************************/
 
/* = middle box on the frontpage = */
.middleBox .inner
{
    margin-bottom: 6px;
}
.middleBox h3
{
    line-height: 1.1;
    margin: 0 0 10px;
}

.middleBox .infoForPassengers
{
    background: #fff url(/gfx/scandlines/infoForPassengers-bg.jpg) 0 0 repeat-x;
    border: solid #bfbfbf;
    border-width: 1px 0;
    float: left;
    height: 209px;
    margin-right: 30px;
    overflow: hidden;
    width: 452px;
    }
    .middleBox .infoForPassengers .image
    {
        float: left;
        display: inline;
        height: 181px;
        margin: 14px 15px;
        overflow: hidden;
        width: 181px;
    }
    .middleBox .infoForPassengers .content
    {
        color: #333;
        line-height: 1.25;
        margin-left: 210px;
        padding-top: 14px;
        }
        .middleBox .infoForPassengers h3
        {
            font-size: 16px;
        }
        .middleBox .infoForPassengers dt
        {
            font-size: 14px;
        }
        .middleBox .infoForPassengers dd
        {
            margin: 0;
        }
        .middleBox .infoForPassengers ul
        {
            list-style: none;
            margin: 5px 0;
            padding: 0;
        }
        .middleBox .infoForPassengers li
        {
            background: url(/gfx/scandlines/arrow-right-sm.gif) 0 50% no-repeat;
            padding-left: 10px;
            margin: 0;
        }
        .middleBox .infoForPassengers a
        {
            color: #192758;
            text-decoration: none;
        }
    
.middleBox .greyBox
{
    background: #858585 url(/gfx/scandlines/middle-block-bg2.png) 0 0 repeat-x;
    color: #eee;
    float: left;
    height: 211px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    width: 211px;
}
.middleBox .greyBox.rail
{
    margin-right: 0;
    }
    .middleBox .greyBox .content
    {
        padding: 14px 14px 6px;
    }
    .middleBox .greyBox h3
    {
        color: #eee;
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 8px;
    }
    .middleBox .greyBox select
    {
        border: 1px solid #8e8e8e;
        font-size: 11px;
        padding: 0;
        margin: 0;
    }
    .middleBox .greyBox p
    {
        margin: 0 0 6px;
        padding: 0;
    }
    .middleBox .greyBox .image
    {
        bottom: 10px;
        position: absolute;
    }
.frameContainer
{
    height: 1%;
}
.frameBox
{
    padding-bottom: 10px;
    overflow: hidden;
    }
    .frameBox frame
    {
        border: 0;
    }
    .frameBox .frameWrapper,
    .frameBox .leftText
    {
        float: left;
        }
        .frameBox .leftText .content
        {
            padding-right: 10px;
        }
    .frameBox .rightText
    {
        float: right;
        }
        .frameBox .rightText .content
        {
            padding-left: 10px;
        }
    


/* = map = */
.scandlinesRoutes,
.routeOverviewMap
{
    height: 266px;
    overflow: hidden;
    position: relative;
    width: 934px;
    }
    .routeOverviewMap
    {
        width: 452px;
        background: url(/gfx/scandlines/map/map-2.jpg) 0 0 no-repeat;
    }
        
    .scandlinesRoutes .route
    {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .scandlinesRoutes .balloon
    {
        background: url(/gfx/scandlines/map/balloon-bg.png) 0 0 no-repeat;
        height: 108px;
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        width: 161px;
    }

    .routeOverviewMap .route
    {
        width: 100%;
        height: 100%;
        display: none;
    }
    .routeOverviewMap .balloon
    {
        background: url(/gfx/scandlines/map/balloon-bg.png) 0 0 no-repeat;
        width: 161px;
        height: 108px;
        position: absolute;
    }	
    
    .scandlinesRoutes .balloon .line
    {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .scandlinesRoutes dl,
    .routeOverviewMap dl
    {
        color: #fff;
        margin: 0;
        padding: 10px 8px;
    }
    .scandlinesRoutes dt,
    .routeOverviewMap dt
    {
        font-size: 14px;
        padding-bottom: 5px;
    }
    .scandlinesRoutes dd,
    .routeOverviewMap dd
    {
        font-size: 12px;
        margin: 0;
    }
    
    .scandlinesRoutes h2
    {
        color: #002a5c;
        font-size: 16px;
        left: 275px;
        margin: 0;
        position: absolute;
        top: 30px;
        z-index: 999;
    }
    .scandlinesRoutes p.seeCareer
    {
        left: 225px;
        position: absolute;
        top: 190px;
        width: 170px;
        z-index: 999;
    }
    .scandlinesRoutes p.seeCareer,
    .scandlinesRoutes p.seeCareer a
    {
        color: #002a5c;
        text-decoration: none;
        }
        .scandlinesRoutes p.seeCareer strong
        {
            font-size: 16px;
        }
        .scandlinesRoutes p.seeCareer a
        {
            display: block;
            padding-top: 5px;
            text-decoration: underline;
        }
        
    .scandlinesRoutes #route-TRA-VEN .balloon,
    .scandlinesRoutes #route-VEN-TRA .balloon
    {
        background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
        left: 361px;
        top: 131px;
    }
    .routeOverviewMap #route-TRA-VEN .balloon,
    .routeOverviewMap #route-VEN-TRA .balloon
    {
        top: 41px;
        left: 150px;
        background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
    }
    .scandlinesRoutes #route-TRA-VEN .line,
    .routeOverviewMap #route-TRA-VEN .line,
    .scandlinesRoutes #route-VEN-TRA .line,
    .routeOverviewMap #route-VEN-TRA .line
    {
        background: url(/gfx/scandlines/map/line-1.gif) 0 0 no-repeat;
        height: 179px;
        left: 496px;
        position: absolute;
        top: 65px;
        width: 350px;
    }
    .routeOverviewMap #route-TRA-VEN .line,
    .routeOverviewMap #route-VEN-TRA .line
    {
        left: 71px;
    }
    
    
    .scandlinesRoutes #route-ROS-HAN .balloon,
    .scandlinesRoutes #route-HAN-ROS .balloon
    {
        background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
        left: 400px;
        top: 115px;
    }
    .routeOverviewMap #route-ROS-HAN .balloon,
    .routeOverviewMap #route-HAN-ROS .balloon
    {
        top: 50px;
        left: 100px;
        background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
    }
    .scandlinesRoutes #route-ROS-HAN .line,
    .routeOverviewMap #route-ROS-HAN .line,
    .scandlinesRoutes #route-HAN-ROS .line,
    .routeOverviewMap #route-HAN-ROS .line
    {
        background: url(/gfx/scandlines/map/line-2.gif) 0 0 no-repeat;
        height: 235px;
        left: 535px;
        position: absolute;
        top: 0;
        width: 300px;
    }
    .routeOverviewMap #route-ROS-HAN .line,
    .routeOverviewMap #route-HAN-ROS .line
    {
        left: 110px;
        top: 0;
    }
    .scandlinesRoutes #route-NYN-VEN .balloon,
    .scandlinesRoutes #route-VEN-NYN .balloon
    {
        background: url(/gfx/scandlines/map/balloon-2-bg.png) 0 0 no-repeat;
        left: 710px;
        padding-top: 32px;
        top: 63px;
    }
    .routeOverviewMap #route-NYN-VEN .balloon,
    .routeOverviewMap #route-VEN-NYN .balloon
    {
        top: 52px;
        left: 276px;
        background: url(/gfx/scandlines/map/balloon-2-bg.png) 0 0 no-repeat;
        padding-top: 32px;
    }
    .scandlinesRoutes #route-NYN-VEN .line,
    .routeOverviewMap #route-NYN-VEN .line,
    .scandlinesRoutes #route-VEN-NYN .line,
    .routeOverviewMap #route-VEN-NYN .line
    {
        background: url(/gfx/scandlines/map/line-3.gif) 0 0 no-repeat;
        height: 60px;
        left: 779px;
        position: absolute;
        top: 0px;
        width: 70px;
    }
    .routeOverviewMap #route-NYN-VEN .line,
    .routeOverviewMap #route-VEN-NYN .line
    {
        left: 354px;
        top: 0px;
    }
    .scandlinesRoutes #route-TRE-SAS .balloon,
    .scandlinesRoutes #route-SAS-TRE .balloon
    {
        left: 564px;
        top: 65px;
    }
    .routeOverviewMap #route-TRE-SAS .balloon,
    .routeOverviewMap #route-SAS-TRE .balloon
    {
        top: 71px;
        left: 148px;
    }
    .scandlinesRoutes #route-TRE-SAS .line,
    .routeOverviewMap #route-TRE-SAS .line,
    .scandlinesRoutes #route-SAS-TRE .line,
    .routeOverviewMap #route-SAS-TRE .line
    {
        background: url(/gfx/scandlines/map/line-4.gif) 0 0 no-repeat;
        height: 42px;
        left: 588px;
        position: absolute;
        top: 176px;
        width: 3px;
    }
    .routeOverviewMap #route-TRE-SAS .line,
    .routeOverviewMap #route-SAS-TRE .line
    {
        left: 163px;
        top: 176px;
    }
    .scandlinesRoutes #route-HER-HEG .balloon,
    .scandlinesRoutes #route-HEG-HER .balloon
    {
        left: 542px;
        top: 18px;
    }
    .routeOverviewMap #route-HER-HEG .balloon,
    .routeOverviewMap #route-HEG-HER .balloon
    {
        top: 18px;
        left: 114px;
    }
    
    .scandlinesRoutes #route-HER-HEG .line,
    .routeOverviewMap #route-HER-HEG .line,
    .scandlinesRoutes #route-HEG-HER .line,
    .routeOverviewMap #route-HEG-HER .line
    {
        background: url(/gfx/scandlines/map/line-5.gif) 0 0 no-repeat;
        height: 1px;
        left: 562px;
        position: absolute;
        top: 129px;
        width: 6px;
    }
    
    .routeOverviewMap #route-HER-HEG .line,
    .routeOverviewMap #route-HEG-HER .line
    {
        left: 137px;
        top: 129px;
    }	

    .scandlinesRoutes #route-ROD-PUT .balloon,
    .scandlinesRoutes #route-PUT-ROD .balloon
    {
        left: 490px;
        top: 98px;
    }
    .routeOverviewMap #route-ROD-PUT .balloon,
    .routeOverviewMap #route-PUT-ROD .balloon
    {
        left: 64px;
        top: 98px;
    }
    
    .scandlinesRoutes #route-ROD-PUT .line,
    .routeOverviewMap #route-ROD-PUT .line,
    .scandlinesRoutes #route-PUT-ROD .line,
    .routeOverviewMap #route-PUT-ROD .line
    {
        background: url(/gfx/scandlines/map/line-6.gif) 0 0 no-repeat;
        height: 6px;
        left: 507px;
        position: absolute;
        top: 209px;
        width: 9px;
    }
    .routeOverviewMap #route-GED-ROS .line,
    .routeOverviewMap #route-ROS-GED .line,
    .routeOverviewMap #route-ROD-PUT .line,
    .routeOverviewMap #route-PUT-ROD .line
    {
        left: 82px;
        top: 209px;
    }
    
    .scandlinesRoutes #route-GED-ROS .balloon,
    .scandlinesRoutes #route-ROS-GED .balloon
    {
        left: 510px;
        top: 105px;
    }
    .routeOverviewMap #route-GED-ROS .balloon,
    .routeOverviewMap #route-ROS-GED .balloon
    {
        top: 105px;
        left: 85px;
    }
    
    .scandlinesRoutes #route-GED-ROS .line,
    .routeOverviewMap #route-GED-ROS .line,
    .scandlinesRoutes #route-ROS-GED .line,
    .routeOverviewMap #route-ROS-GED .line
    {
        background: url(/gfx/scandlines/map/line-7.gif) 0 0 no-repeat;
        height: 19px;
        left: 532px;
        position: absolute;
        top: 216px;
        width: 3px;
    }
    .routeOverviewMap #route-GED-ROS .line,
    .routeOverviewMap #route-ROS-GED .line
    {
        left: 107px;
        top: 216px;
    }

    .scandlinesRoutes #route-TRE-ROS .balloon,
    .scandlinesRoutes #route-ROS-TRE .balloon
    {
        left: 560px;
        top: 65px;
    }
    .routeOverviewMap #route-TRE-ROS .balloon,
    .routeOverviewMap #route-ROS-TRE .balloon
    {
        top: 65px;
        left: 146px;
    }
    
    .scandlinesRoutes #route-TRE-ROS .line,
    .routeOverviewMap #route-TRE-ROS .line,
    .scandlinesRoutes #route-ROS-TRE .line,
    .routeOverviewMap #route-ROS-TRE .line
    {
        background: url(/gfx/scandlines/map/line-8.gif) 0 0 no-repeat;
        height: 60px;
        left: 535px;
        position: absolute;
        top: 175px;
        width: 52px;
    }
    .routeOverviewMap #route-TRE-ROS .line,
    .routeOverviewMap #route-ROS-TRE .line
    {
        left: 110px;
        top: 175px;
    }

    .routeOverviewMap .mapField
    {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 999;
        border: 0;
    }

dl.list
{
    line-height: 1.5;
    margin: 0;
    padding-top: 30px;
    overflow: hidden;
    position: relative;
    height: 1%;
    }
    dl.list p
    {
        margin: 0;
    }
    dl.list dt
    {
        font-size: 16px;
        }
        dl.list dt strong
        {
            font-weight: normal;
        }
    dl.list dd,
    dl.list dt
    {
        float: right;
        margin: 0;
        padding: 0;
        width: 215px;
    }
    dl.list dd
    {
        padding-left: 20px;
        }
        dl.list.press
        {
            width: 100%;
            overflow: hidden;
        }
        dl.list dd.image
        {
            float: left;
            overflow: hidden;
            text-align: center;
            width: 211px;
            padding: 0;
        }
        dl.list dd.price
        {
            font-weight: bold;
            font-size: 14px;
            margin-bottom: 10px;
        }
        dl.list dd.divider
        {
            clear: both;
            float: none;
            height: 30px;
            width: 100%;
        }
    /* press */
    dl.list.press dt,
    dl.list.press dd
    {
        width: auto;
        float: none;
        padding: 0;
        position: relative;
    }
    dl.list.press dt
    {
        padding-bottom: 10px;
    }
    dl.list.press dt
    {
        padding-right: 80px;
    }
    dl.list.press dd.divider
    {
        height: 15px;
        border-bottom: 1px solid #d7d9df;
        margin-bottom: 10px;
    }
    dl.list.press span.date
    {
        position: absolute;
        right: 0;
        top: 5px;
        font-size: 10px;
    }
                
    dl.list ul
    {
        list-style: none;
        margin: 20px 0 0;
        padding: 0;
        }
        dl.list.press ul
        {
            margin-top: 10px;
        }
        
        dl.list ul.options
        {
            margin: 10px 0;
            }
            dl.list ul.options li.pdf
            {
                background: url(/gfx/scandlines/pdf-ico.png) 0 50% no-repeat;
                float: right;
                padding-left: 20px;
            }
    

/*
    shoppingclub
*****************************************************************/	
.frontpage .routes
{
    background: url(/gfx/scandlines/routes.png) 0 0 no-repeat;
    float: right;
    height: 211px;
    position: relative;
    width: 452px;
    }
    .frontpage .subRoutes
    {
        padding: 45px 10px 10px 15px;
    }
    .frontpage .routes ul
    {
        padding: 0;
        list-style: none;
        margin: 0;
    }
    .frontpage .routes h1
    {
        color: #fff;
        float: left;
        font-size: 24px;
        width: 185px;
    }
    .frontpage .routes .new
    {
        background: url(/gfx/scandlines/new.png) 0 0 no-repeat;
        height: 51px;
        left: 165px;
        position: absolute;
        text-indent: -9999em;
        top: -15px;
        width: 52px;
        z-index: 999;
    }
    .frontpage .routes dl
    {
        color: #fff;
        float: right;
        line-height: 1.45;
        margin: -5px 0 0;
        padding: 0;
        width: 185px;
    }
    .frontpage .routes dt
    {
        font-size: 14px;
        font-weight: bold;
    }
    .frontpage .routes dd
    {
        margin: 0;
    }
    .frontpage .routes a,
    .frontpage .routes a:hover
    {
        color: #fff;
    }

.frontpage .advantages
{
    background: #e6e6e6;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 452px;
    line-height: 1.3;
    overflow: hidden;
    position: relative;
    width: 452px;
    margin-bottom:30px;
    }
    .frontpage .subAdvantages
    {
        padding: 15px;
    }
    .frontpage .advantages a
    {
        text-decoration: none;
    }
    .frontpage .advantages ul
    {
        color: #444754;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 240px;
    }
    .frontpage .advantages li
    {
        background: url(/gfx/scandlines/arrow-right-blue-2.png) 0 4px no-repeat;
        margin-bottom: 9px;
        padding-left: 15px;
    }
    .frontpage .advantages .image
    {
        height: 284px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 42px;
        width: 196px;
    }

    .frontpage .advantages p.readmore
    {
        padding: 10px 0 0 5px;
        }
        .frontpage .advantages p.readmore a
        {
            background: url(/gfx/scandlines/arrow-right-blue-3.png) 100% 95% no-repeat;
            /*color: #002a5c;*/
            display: block;
            padding-right: 15px;
            width: 135px;
        }
        .frontpage .advantages p.readmore a:hover
        {
            text-decoration: none;
        }
        
    .frontpage .advantages p.updateMembership
    {
        bottom: 10px;
        font-size: 12px;
        font-weight: normal;
        position: absolute;
        }
        .frontpage .advantages p.updateMembership a
        {
            text-decoration: underline;
        }
    .frontpage .advantages .buttonWrapper
    {
        bottom: 75px;
        left: auto;
        position: absolute;
        right: 25px;
        }
        .frontpage .advantages .buttonWrapper input
        {
            padding: 0 45px;
        }
        
.articleImage
{
    padding-bottom: 20px;
}

.locationDetails h2
{
    color: #002a5c;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}
.locationDetails ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.locationDetails li
{
    float: left;
    margin: 0 30px 30px 0;
    position: relative;
    width: 211px;
    }
    .locationDetails li.last
    {
        margin-right: 0;
    }
    
.locationDetails .productOfferTeaser
{
    background: #efc600;
    height: 211px;
    overflow: hidden;
    margin: 0; 
    width: 211px;
    }
    .locationDetails .productOfferTeaser .image
    {
        height: 211px;
        width: 211px;
    }

.frontpage .adsBox .routes
{
    margin-bottom: 30px;
}

/*
    scandlines.dk
********************************************/
.ticketSearch
{
    background: url(/gfx/scandlines/ticketSearch-bg.jpg) 0 0 no-repeat;
    float: left;
    height: 321px;
    margin-right: 30px;
    position: relative;
    width: 452px;
    overflow: hidden;
    }
    .ticketSearch .routesBox
    {
        background: url(/gfx/scandlines/pxl.png) 0 0 repeat;
        float: right;
        display: inline;
        margin: 15px;
        width: 211px;
        position: relative;
        }
        .ticketSearch .routesBox .content
        {
            padding: 10px 15px 0;
        }
        .ticketSearch .routesBox h2
        {
            color: #192758;
            font-size: 22px;
            margin: 0;
            padding: 0;
        }
        .ticketSearch .routesBox select
        {
            font-size: 11px;
            margin: 10px 0;
            width: 100%;
        }
        .ticketSearch .routesBox label
        {
            margin-right: 10px;
        }
        .ticketSearch .routesBox .findButton
        {
            margin: 10px -15px 0;
            position: relative;
            width: 211px;
        }
        .ticketSearch .routesBox .findButton a
        {
            background: #f2c800 url(/gfx/scandlines/arrow-right-sm-2.gif) 95% 50% no-repeat;
            color: #fff;
            display: block;
            font-weight: bold;
            line-height: 22px;
            padding-right: 25px;
            text-align: right;
            text-decoration: none;
        }
        .ticketSearch .routesBox input.txt
        {
            border: 1px solid #265599;
            font-family: Arial;
            vertical-align: middle;
            float: none;
            margin-top: 10px;
            width: 60px;
            font-size: 11px;
            padding: 1px 2px;
        }
    .ticketSearch ul.options
    {
        bottom: 15px;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
        }
        .ticketSearch ul.options li
        {
            font-weight: bold;
            float: left;
            padding-left: 15px;
            }
            .ticketSearch ul.options li.logon
            {
                font-weight: normal;
                float: right;
                padding-right: 15px;
            }
        .ticketSearch ul.options a
        {
            color: #192758;
        }

.advertisment .adsBox
{
    margin-bottom: 15px;
}

.ticketSearch .bottomPanel
{
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    }
    .ticketSearch .bottomPanel ul
    {
        float: left;
        width: 75px;
        padding: 0 0 0 15px;
        margin: 0;
        list-style: none;
        text-align: left;
        }
        .ticketSearch .bottomPanel ul.three
        {
            width: 145px;
            float: right;
            text-align: right;
            padding: 0 15px 0 0;
        }


.regionList
{
    padding-bottom: 20px;
    }
    .regionList ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .regionList li
    {
        margin-top: 30px;
        overflow: hidden;
        position: relative;
        min-height: 211px;
    }
    .regionList .image
    {
        float: left;
        height: 211px;
        overflow: hidden;
        width: 211px;
    }
    .regionList .content
    {
        float: left;
        padding-left: 20px;
        width: 200px;	
    }
    .regionList h3
    {
        font-size: 16px;
        font-weight: normal;
        margin-top: 0;
    }
    .regionList p.options
    {
        left: 231px;
        bottom: 0;
        margin: 0;
        width: 100%;
        }
        .regionList p.options a
        {
            color: #002a5c;		
        }

.trip .content
{
}
.trip .image
{
    height: 211px;
    overflow: hidden;
    width: 211px;
    float: right;
}
.trip img
{
    float: right;
    padding: 0 0 20px 20px;
}
.trip p
{
    margin-bottom: 27px;
    }
    .trip p.price
    {
        color: #444754;
        font-size: 24px;
    }

.routeSelector
{
    padding: 0 30px 20px 0;
    position: relative;
    }
    .routeSelector input
    {
        width: 75px;
        margin-right: 20px;
    }
    .routeSelector select
    {
        vertical-align: middle;
        width: 170px;
    }
    .routeSelector dl,
    .routeSelector dd
    {
        margin: 0;
        padding: 0;
    }
    .routeSelector dt,
    .routeSelector dd
    {
        float: left;
    }
    .routeSelector dt
    {
        font-weight: bold;
        margin-right: 15px;
    }
    .routeSelector dt
    {
        padding-top: 3px;
    }
    .routeSelector dd.error span
    {
        display: block;
    }
    .routeSelector .print
    {
        position: absolute;
        right: 0;
        top: 0;
        font-weight: bold;
    }
.departure
{
    float: left;
    width: 48%;
    padding: 0 5px 20px 0;
}
.routeOverview
{
    padding-bottom: 10px;
}
.routeOverview table
{
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    }
    .routeOverview th
    {
        text-align: left;
        padding: 5px;
    }
    .routeOverview td
    {
        padding: 5px;
    }
    .routeOverview tr.odd td
    {
        background: #ddd;
    }
    .routeOverview table p
    {
        margin: 0;
        white-space: nowrap;
    }
    .routeOverview span.dangerousCargoWarning
    {
        position: absolute;
        display: block;
        width: 22px;
        height: 18px;
        background: url(/gfx/scandlines/ico-warning.png) 0 0 no-repeat;
        text-indent: -9999em;
        cursor: pointer;
        top: -10px;
    }

/*
    bus.dk
* * * * * * * * * * * * * * * */
.introBox
{
    background: #e0e0e0;
    color: #444754;
    float: left;
    height: 422px;
    padding: 15px;
    position: relative;
    width: 422px;
    }
    .introBox a
    {
        color: #444754;
    }
    .introBox h1
    {
        font-size: 24px;
        font-weight: normal;
    }
    .introBox p
    {
        width: 195px;
        margin-bottom: 20px;
        }
        .introBox p.intro
        {
            width: 100%;
        }
    .introBox .image
    {
        position: absolute;
        right: 0;
        top: 110px;
        z-index: 1;
    }
    .introBox dl,
    .introBox dd
    {
        margin: 0;
        padding: 0;
    }
    .introBox dt
    {
        font-weight: bold;
    }
    .introBox ul
    {
        line-height: 1.4;
        list-style: none;
        margin: 0;
        padding: 0;
        }
        .introBox ul.linkBox
        {
            bottom: 20px;
            font-size: 14px;
            padding: 0 15px 0 0;
            position: absolute;
            right: 5px;
            z-index: 10;
            }
            .introBox ul.linkBox li
            {
                overflow: hidden;
                clear: right;
            }
            .introBox ul.linkBox a
            {
                background: url(/gfx/scandlines/btn-search-blue.png) 100% 50% no-repeat;
                color: #002a5c;
                float: right;
                line-height: 2;
                padding-right: 20px;
                text-align: right;
                text-decoration: none;
            }
            .introBox ul.linkBox a:hover
            {
                text-decoration: none;
            }
            


/* = frontpage teaser boxes = */
.bonusclub .frontpageTeasers
{
    clear:both;
    padding-bottom:30px;
    position:relative;
}
.busdk .frontpageTeasers,
.freightdk .frontpageTeasers,
.raildk .frontpageTeasers
{
    float: right;
    width: 452px;
}
.scandlinesdk .frontpageTeasers,
.scandlinesde .frontpageTeasers
{
    padding: 30px 0;
}
.bordershop .frontpageTeasers
{
    overflow: hidden;
}
.frontpageTeasers .teaserBox
{
    float: left;
    margin: 0 30px 30px 0;
    position: relative;
    width: 211px;
    height: 211px;
    overflow: hidden;
    }
.bonusclub .frontpageTeasers .teaserBox
{
    margin-bottom:0;    
}
    .frontpageTeasers .contentTeaser.teaserBox
    {
        background: #e0e3ee;
    }
    .frontpageTeasers .teaserBox.last
    {
        margin-right: 0;
    }
    .frontpageTeasers .teaserBox .content
    {
        padding: 10px;
    }
    .frontpageTeasers .teaserBox h3
    {
        margin: 0;
        padding: 5px 10px;
        font-size: 18px;
    }
    .frontpageTeasers .block2
    {
        width: 452px;
    }
    .frontpageTeasers .block3
    {
        width: 693px;
    }
    .frontpageTeasers .block4
    {
        width: 934px;
    }
    
    
.teaserBox .gradientBox
{
    background: url(/gfx/scandlines/gradient-black.png) 0 0 repeat-x;
    bottom: 0;
    display: none;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    }
    .teaserBox .gradientBox.blue
    {
        background: #121e4b;
        opacity: 0.93;
        filter: alpha(opacity=93);
    }
    .teaserBox .gradientBox.lightblue
    {
        background-image: url(/gfx/scandlines/gradient-blue.png);
    }	
    .teaserBox .gradientBox h2
    {
        color: #fff;
        font-size: 18px;
        padding: 3px 10px 0;
        }
        .teaserBox .gradientBox h2 span
        {
            background: url(/gfx/scandlines/arrow-2-right-white.png) 50% 60% no-repeat;
            padding: 0 3px;
            text-indent: -9999em;
        }
        .frontpageTeasers .teaserBox a.boxLink
        {
            background: red;
            display: block;
            height: 100%;
            left: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 999;
        }
        
        

.scandlinesde .frontpageTeasers .teaserBox
{
    background: #e0e3ee;
    text-align: center;
    }
    .scandlinesde .frontpageTeasers .teaserBox p
    {
        padding: 5px 10px;
        margin: 0;
        text-align: left;
    }
    .scandlinesde .frontpageTeasers .teaserBox h3
    {
        margin: 0 0 10px;
        padding: 5px 10px;
        background: #192758;
        color: #fff;
        text-align: left;
        font-size: 12px;
        text-transform: uppercase;
    }

.teasers
{
    float: right;
    width: 452px;
}


.pdfForm
{
    padding: 20px 0;
}
.pdfForm .formfields
{
    padding-top: 15px;
}
.pdfForm ul,
.pdfForm li dd,
.pdfForm li dl
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.pdfForm li
{
    float: left;
    width: 205px;
    padding-right: 15px;
}
.pdfForm li dt
{
    font-weight: bold;
}
.pdfForm li dd,
.pdfForm li dt
{
    float: left;
    clear: left;
    width: 120px;
}
.pdfForm li dd.image
{
    float: right;
    position: relative;
    width: 70px;
    top: 0;
    right: 0;
    clear: none;
}

/*
    .de site
*/

/* = footer = */
#footer
{
    background: #e8ebf1;
    color: #444754;
    font-size: 11px;
    width: 100%;

    position: relative;
    margin-top: -80px;
    height: 80px;
    }
    #footer.landingFooter
    {
        background: url(/gfx/scandlines/bg-footer-landing.png) 50% 0 no-repeat;
        color: #818181;
        font-size: 12px;
        z-index: 9999;
        margin-top: -92px;
        padding-top: 20px;
    }
    #footer a
    {
        color: #444754;
        }
        #footer.landingFooter a
        {
            color: #818181;
        }
    #footer .content
    {
        margin: 0 auto;
        padding: 15px 30px 0;
        width: 934px;
        }
        #footer.scandlinesdk .content
        {
            background: #e8ebf1 url(/gfx/scandlines/scandlines_dk-footer-logo.png) 95% 50% no-repeat;
        }
    #footer p
    {
        margin: 0 0 2px;
    }
    #footer ul
    {
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        padding: 0;
        }
        #footer.landingFooter ul
        {
            padding: 0 68px;
        }
    #footer li
    {
        float: left;
        margin-right: 30px;
        }
        #footer.landingFooter li
        {
            margin-right: 60px;
        }
        #footer li.righter
        {
            float: right;
            margin: 0 0 0 10px;
        }
        
        
/* = clearing = */
.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
.clearfix
{
    display: block;
}
.clear
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 0;
}


/* = validators = */
.customValidatorBox
{
    position: absolute;
    display: none;
    overflow: hidden;
    padding: 5px;
    background: #ffedf8;
    border: 1px solid #900;
    margin-top: 5px;
}

.bonusClubValidation dt,
.bonusClubValidation dd,
.bonusClubValidation dl
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.bonusClubValidation dt
{
    font-size: 16px;
}
.bonusClubValidation dt,
.bonusClubValidation dd
{
    padding: 4px 0;
}
.bonusClubValidation a
{
    text-decoration: underline;
}
#uiHiddenCardField
{
    padding: 5px 0;
    }
    #uiHiddenCardField .buttonWrapper
    {
        margin-top: 5px;
    }
    

/*
    thickbox CSS
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333;
}
#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666;
}
#TB_window a:link {color: #666;}
#TB_window a:visited {color: #666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666;}
#TB_window a:focus{color: #666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    top:50%;
    left:50%;
}
* html #TB_window { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}
#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}
#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}
#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}
#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}
#TB_title{
    background-color:#e8e8e8;
    height:27px;
}
#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
    padding:15px;
}
#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}
#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}


/* = timepicker = */
div.time-picker {
    position: absolute;
    height: 150px;
    width: 60px;
    overflow: auto;
    background: #fff;
    border: 1px solid #000;
    z-index: 999;
    font-size: 1.3em;
}
div.time-picker ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
div.time-picker-12hours {
    width: 80px; 
}

div.time-picker li {
    padding: 1px;
    cursor: pointer;
}
div.time-picker li.selected {
    background: #316AC5;
    color: #fff;
}

/* custom login box */
#loginBox
{
    text-align: left;
    width: 191px;
    position: relative;
}
#loginBox .cardIcon
{
    width: 53px;
    height: 48px;
    position: absolute;
    background: url(/gfx/scandlines/icon-card.png) 0 0 no-repeat;
    right: 5px;
    top: -25px;
}

#loginBox dl,
#loginBox dt,
#loginBox dd
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#loginBox dd
{
    margin-bottom: 5px;
}
#loginBox dd.txtInput
{
    border: 1px solid #005382;
    }
    #loginBox dd.txtInput input
    {
        border: 0;
        padding: 3px 0;
    }
    #loginBox dd.forgotPass
    {
        text-align: right;
        padding: 5px 10px 15px 0;
        }
        #loginBox dd.forgotPass a
        {
            color: #022957;
        }
    #loginBox dd.button
    {
        padding-top: 10px;
    }
#loginBox .errorMsg
{
    padding-bottom: 15px;
    color: #000;
}
#loginBox dt
{
    color: #022957;
    margin-bottom: 3px;
}
#loginBox .buttonWrapper
{
    float: none;
    width: 90%;
    margin: 0 auto;
    background: none;
}
#loginBox input
{
    width: 99%;
    padding: 0;
}
#loginBox .button
{
    float: none;
}

#loginBox h2
{
    text-transform: uppercase;
    font-size: 12px;
    color: #072d5d;
    padding: 5px 50px 10px 0;
    margin: 0;
    
}

span.hiddenError
{
    color: #c00;
    display: none;
}

#uiHiddenCardField
{
    display: none;
}