:root {
    overflow-y: visible;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
}

body, td, th, h1, h2, h3, input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-size: 12px;
}


h2 {
    font-size: 17px;
}


p {
    font-family: Georgia;
}

a {
    text-decoration: none;
}

    a:active {
        outline: none;
    }

    a:focus {
        -moz-outline-style: none;
    }

fieldset {
    display: block;
    border-color: #DDD;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    margin-bottom: 10px;
}

legend {
    font-weight: 600;
}


/**
 *** Login
 **/

#login_box {
    margin: 0 auto;
    margin-top: 160px !important;
    width: 615px;
}

#login_header {
    float: left;
    width: 611px;
    border-bottom: 5px solid black;
}

    #login_header h1 {
        text-indent: -1000em;
        background: url("../Images/logo-center.svg") no-repeat;
        background-size: auto 100%;
        padding: 0px 0px 0px 0px;
        background-origin: content-box;
        float: left;
        height: 80px;
        width: 400px;
        padding: 0 0 21px 36px;
    }

        #login_header h1 a {
            width: 100%;
            display: block;
        }

#login_title {
    float: left;
    width: 609px;
    height: 26px;
    padding: 7px 0 0 6px;
    background: url("../Images/dotted_border.gif") bottom repeat-x;
}

    #login_title h2 {
        font-size: 14px;
    }


#login_content {
    float: left;
    width: 615px;
    padding: 30px 0 0 5px;
}


.login_content_block {
    float: left;
    width: 100%;
    margin: 38px 0 0 0;
}

#login_content label {
    font-size: 18px;
    font-weight: bold;
}

#login_content label, #login_content input {
    float: left;
}

#login_user, #login_password, .forgottenpassword_username input {
    background: url("../Images/login_input.gif") no-repeat;
    border: none;
    width: 218px;
    height: 20px;
    padding: 2px 0 0 8px;
    color: white;
}

#login_user {
    margin-left: 17px;
}

#login_password {
    margin-left: 28px;
}

#login_submit, .forgottenpassword_submit input {
    background: url("../Images/login_submit.gif") no-repeat;
    border: none;
    width: 67px;
    height: 20px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    /*margin: 0 0 0 10px;*/
}

#login_footer {
    float: left;
    width: 615px;
    height: 5px;
    background: #E6392B;
    margin: 5px 0 10px 0;
}

#login_forgottenpasswordlink {
    float: left;
    width: 615px;
    height: 100%;
    margin: 56px 0 0 10px;
}

    #login_forgottenpasswordlink a {
        color: #DC3641;
    }

/**
 *** Header
 **/

#header {
    float: left;
    width: 1178px;
    background-color: #DC3641;
    color: white;
    display: table;
}

    #header a {
        color: #DC3641;
    }

    #header #headerLeftMenu {
        float: left;
        font-size: 18px;
    }

        #header #headerLeftMenu a {
            color: white;
            float: left;
            //padding:5px;
            margin-top: 13px;
            margin-right: 5px;
            padding-left: 5px;
        }

            #header #headerLeftMenu a:hover {
            }

    #header #HeaderCenterImage {
        margin-left: auto;
        margin-right: auto;
        width: 140px;
        height: 43px;
        background: url("/Images/logo_new.svg") no-repeat;
        -webkit-filter: contrast(100%);
        background-position: center;
        background-size: 140px 20px;
    }


    #header #headerRightMenu {
        float: right;
        font-size: 14px;
        height: 43px;
        width: 210px;
    }

        #header #headerRightMenu a {
            color: white;
            padding: 10px;
            font-size: 18px
        }

            #header #headerRightMenu a:hover {
                color: #BABABA;
            }

        #header #headerRightMenu .AspNet-Menu-Horizontal {
            margin: 0px;
            padding: 0px;
            float: right;
            height: 100%;
        }

        #header #headerRightMenu .AspNet-Menu-Selected {
            background-color: #DC3641;
            height: 100%;
        }

        #header #headerRightMenu .AspNet-Menu-Leaf {
            margin: 0;
            padding: 0;
            font-size: 20px;
            height: 100%;
        }

        #header #headerRightMenu #UserIconList {
            background-color: #ef2a22;
            width: 200px;
            border-radius: 5px 5px 5px 5px;
            color: white;
            position: fixed;
            z-index: 1;
            padding: 2px;
        }

            #header #headerRightMenu #UserIconList hr {
                border: 1px solid #de1911;
            }

            #header #headerRightMenu #UserIconList a {
                width: 100%;
                border-radius: 5px 5px 5px 5px;
                padding: 0px 10px 0px 0px;
            }

        #header #headerRightMenu #ImageButtonUserIcon {
            background: url("../Images/userIcon.png") no-repeat;
            background-size: cover;
            margin: 7px;
            width: 23px;
            height: 23px;
            background-position-x: 2px;
            background-position-y: 0px;
        }

/**
 *** Content
 **/

#siteinfo {
    text-align: center;
    width: 100%;
    height: 16px;
    padding: 0 0 0 0;
    margin: 0 auto;
    background-color: pink;
    font-size: smaller;
    font-family: Verdana;
}

#mainholder {
    text-align: left;
    width: 1197px;
    padding: 0 0 0 0;
    margin: 0 auto;
}

#icon_puff_area {
    float: left;
    margin: 9px 0 0 0;
    padding: 60px 0 0 0;
    width: 1178px;
}

.main_icon_puff {
    float: left;
    width: 283px;
    height: 190px;
    margin: 0 15px 30px 0;
    padding: 150px 0 0 0;
    cursor: pointer;
}

    .main_icon_puff.last {
        margin: 0 !important;
    }

    .main_icon_puff h2 {
        margin: 0 0 5px 0;
    }

    .main_icon_puff p {
        line-height: 19px;
    }

.puff_divider {
    height: 1px;
    width: 100%;
    margin: 0 0 8px 0;
}


/**
 *** Color themes
 **/

/*** New Red ***/
#top_block, #top_block h2 {
}

    #top_block h2 {
        font-size: 20px;
        font-weight: 100;
        margin-top: 10px;
        margin-bottom: 10px;
    }


/*
/*** Red
.red, .main_icon_puff.red h2 a, .main_icon_puff.red, #subpage_content.red h2, #subpage_content.red #top_block p {
    color: #CC0000;
}*/


#giftservice_icon_puff {
    background: url("../Images/Ikon-HLF-Gavoservice.png") no-repeat;
}

.main_icon_puff.red {
    background: url("../Images/puffback_red.jpg") no-repeat;
}

    .main_icon_puff.red .puff_divider {
        background: #FF3333;
    }

#subpage_title h1.red {
    background: url("../Images/puffback_red_s.jpg") no-repeat;
}

/*** Black ***/
.black, .main_icon_puff.black h2 a, .main_icon_puff.black, #subpage_content.black h2, #subpage_content.black #top_block p {
    color: #666666;
}

.main_icon_puff.black {
    background: url("../Images/puffback_black.jpg") no-repeat;
}

    .main_icon_puff.black .puff_divider {
        background: #858585;
    }
/*#subpage_title h1.black {
    background: url("../Images/puffback_black_s.jpg") no-repeat;
}*/

/*** Dark blue ***/
.dark_blue, .main_icon_puff.dark_blue h2 a, .main_icon_puff.dark_blue, #subpage_content.dark_blue h2, #subpage_content.dark_blue #top_block p {
    color: #003399;
}

.main_icon_puff.dark_blue {
    background: url("../Images/puffback_dark_blue.jpg") no-repeat;
}

    .main_icon_puff.dark_blue .puff_divider {
        background: #3333FF;
    }
/*
#subpage_title h1.dark_blue {
    background: url("../Images/puffback_dark_blue_s.jpg") no-repeat;
}
*/

/*** Green ***/
.green, .main_icon_puff.green h2 a, .main_icon_puff.green, #subpage_content.green h2, #subpage_content.green #top_block p {
    color: #009933;
}

.main_icon_puff.green {
    background: url("../Images/puffback_green.jpg") no-repeat;
}

    .main_icon_puff.green .puff_divider {
        background: #33D65C;
    }
/*
#subpage_title h1.green {
    background: url("../Images/puffback_green_s.jpg") no-repeat;
}
*/

/*** Pink ***/
.pink, .main_icon_puff.pink h2 a, .main_icon_puff.pink, #subpage_content.pink h2, #subpage_content.pink #top_block p {
    color: #CC0066;
}

.main_icon_puff.pink {
    background: url("../Images/puffback_pink.jpg") no-repeat;
}

    .main_icon_puff.pink .puff_divider {
        background: #FF33D6;
    }
/*
#subpage_title h1.pink {
    background: url("../Images/puffback_pink_s.jpg") no-repeat;
}
*/

/*** Purple ***/
.purple, .main_icon_puff.purple h2 a, .main_icon_puff.purple, #subpage_content.purple h2, #subpage_content.purple #top_block p {
    color: #990099;
}

.main_icon_puff.purple {
    background: url("../Images/puffback_purple.jpg") no-repeat;
}

    .main_icon_puff.purple .puff_divider {
        background: #D633FF;
    }
/*
#subpage_title h1.purple {
    background: url("../Images/puffback_purple_s.jpg") no-repeat;
}
*/

/*** Orange ***/
.orange, .main_icon_puff.orange h2 a, .main_icon_puff.orange, #subpage_content.orange h2, #subpage_content.orange #top_block p {
    color: #CC6600;
}

.main_icon_puff.orange {
    background: url("../Images/puffback_orange.jpg") no-repeat;
}

    .main_icon_puff.orange .puff_divider {
        background: #FFAD33;
    }
/*
#subpage_title h1.orange {
    background: url("../Images/puffback_orange_s.jpg") no-repeat;
}
*/

/*** Light blue ***/

.light_blue, .main_icon_puff.light_blue h2 a, .main_icon_puff.light_blue, #subpage_content.light_blue h2, #subpage_content.light_blue #top_block p {
    color: #0099CC;
}

.main_icon_puff.light_blue {
    background: url("../Images/puffback_light_blue.jpg") no-repeat;
}

    .main_icon_puff.light_blue .puff_divider {
        background: #33D6FF;
    }
/*
#subpage_title h1.light_blue {
    background: url("../Images/puffback_light_blue_s.jpg") no-repeat;
}
*/


/**
 *** Subpage
 **/

#subpage_title {
    float: left;
    width: 1178px;
    border-bottom: 1px solid black;
    padding: 0 0 0 0;
}

    #subpage_title h1 {
        font-size: 20px;
        padding: 0 0 0 5px;
    }


#top_block {
    float: left;
    width: 1178px;
}

    #top_block p {
        width: 80%;
        line-height: 20px;
        margin-bottom: 10px;
    }

#subpage_content {
    float: left;
    width: 1178px;
    padding: 10px 0 0 0;
}

    #subpage_content h2 {
        //margin-bottom: 5px;
    }

    #subpage_content label {
        font-family: Arial;
        font-weight: normal;
        font-size: 12px;
        color: black;
        display: block;
        margin: 15px 0 2px 2px;
    }

    #subpage_content .radioBtn label {
        margin: 3px 3px 3px 20px;
        clear: none;
    }

    #subpage_content .radioBtn td {
        line-height: 11px;
    }

    #subpage_content .radioBtn input {
        float: left;
        width: 15px;
    }

    #subpage_content input {
        width: 250px;
        font-size: 12px;
        padding: 5px;
    }

    #subpage_content select {
        width: 113px;
        font-size: 12px;
    }


/**
 *** Tables
 **/

.pagerStyle table {
    text-align: center;
    width: 268px !important;
    margin: 23px 0 0 158px;
}

.pagerStyle th, .pagerStyle td {
    padding: 0 !important;
}

.pagerArrowPrev, .pagerArrowNext {
    text-indent: -1000em;
    width: 14px;
}

    .pagerArrowPrev a, .pagerArrowNext a {
        display: block;
        width: 14px;
        height: 16px;
    }

    .pagerArrowPrev a {
        background: url("../Images/table_pager_left.gif") no-repeat;
    }

    .pagerArrowNext a {
        background: url("../Images/table_pager_right.gif") no-repeat;
    }


/**
 *** Footer
 **/

#footer {
    float: left;
    width: 1178px;
    height: 0px;
    background: #E6392B;
    margin: 0 0 0 0;
}


/**
 *** Other
 **/


.mvccontainer .mvcform textarea {
    width: 400px;
    height: 100px;
}

.validation-summary-errors {
    color: red;
}

.field-validation-error {
    color: red;
}