/* LOGIN */

.errorMessage {
    color: red;
    font-family: 'Font2';
    font-size: 100%;
    width: 100%;
    float: left;
    text-align: center;
}

.loginsection {
    z-index:      1000;
    position:    absolute;
    left:        50%;        /* Start with top left in the center */
    top:         50%;
    width:       600px;      /* The fixed width... */
    height:      300px;      /* ...and height */
    margin-left: -300px;     /* Shift over half the width */
    margin-top:  -150px;      /* Shift up half the height */
    border: 1px solid black; /* Just for demo */
    border-radius: 0em 8px 8px;
    background-color: #FFF;
    border-radius: 0px;
    border: 10px solid #4EC1E0;
    padding:20px;
}

.loginsection .user_login{
    width: 42%;
    float:left;
    padding:15px;
    border-right: 2px solid #4EC1E0;
}

.loginsection .user_login .container{
    margin-right: 15px;
    margin-left: 15px;
}

.loginsection .user_register{
    width: 42%;
    float:right;
    padding:15px;
}

.loginsection .title{
    display: block;
    float: left;
    color: #3C67A5;
    font-family: 'Font1';
    font-size: 130.25%;
    font-weight: normal;
    padding-bottom: 8px;
    width: 100%;
}


.loginsection label{
    font-family: 'Font2';
    font-size: 87.5%;
    color: #3C67A5;
}


.loginsection  .orange_button {
    display: block;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #E66B5B;
    color: #fff;
    font-family: 'Font1';
    font-size: 106.25%;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
    line-height: 38px;
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
    margin-left: 15px;
}


.loginsection  .blue_button {
    display: block;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #4EC1E0;
    color: #fff;
    font-family: 'Font1';
    font-size: 106.25%;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
    line-height: 38px;
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
    margin-left: 15px;
    margin-top: 115px;
}



.loginsection  .remainder {
    display: block;
    float: left;
    margin-top: 6px;
    margin-bottom: 15px;
    color: #45ACC7;
    font-family: Arial;
    font-size: 75%;
    line-height: 36px;
    width: 100%;
}



.loginsection  input{
    padding: 3px;
    margin-right: 10px;
    max-width: 200px;
}

.close_popup {
    border-radius: 50px;
    border: 2px solid #4EC1E0;
    padding: 4px;
}

.close_popup a{
    font-size: 150%;
    color: #4EC1E0;
    text-decoration: none;
}



/* LOGOUT */

.logoutsection {
    z-index:      1000;
    position:    absolute;
    left:        50%;        /* Start with top left in the center */
    top:         50%;
    width:       400px;      /* The fixed width... */
    height:      300px;      /* ...and height */
    margin-left: -200px;     /* Shift over half the width */
    margin-top:  -150px;      /* Shift up half the height */
    border: 1px solid black; /* Just for demo */
    border-radius: 0em 8px 8px;
    background-color: #FFF;
    border-radius: 0px;
    border: 10px solid #4EC1E0;
    padding:20px;
}


.logoutsection .container{
    width: 100%;
    float:left;
    padding:15px;
}

.logoutsection .title {
    display: block;
    float: left;
    color: #3C67A5;
    font-family: 'Font1';
    font-size: 130.25%;
    font-weight: normal;
    padding-bottom: 8px;
    width: 100%;
}


.logoutsection label {
    font-family: 'Font2';
    font-size: 87.5%;
    color: #3C67A5;
}


.logoutsection .blue_button {
    display: block;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #4EC1E0;
    color: #fff;
    font-family: 'Font1';
    font-size: 106.25%;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
    line-height: 38px;
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
    margin-left: 15px;
    margin-top: 115px;
}

#cookies_policy_div_content {
    display: none;
}

.main_container .articles_section .shoppingcart_list_paginator {
    height: 800px;
    overflow-y : scroll;"
}





ul.headershoppinglist{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: table;
}

ul.headershoppinglist li {
    display: inline;
}



ul.headershoppinglist li a.white_button {
    display: block;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #4EC1E0;
    color: #fff;
    font-family: 'Font1';
    font-size: 106.25%;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
    line-height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}











