html {
    overflow-y: auto; 
}
body {
    font: 12px Arial, Helvetica, sans-serif;
    color: #666666;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
h1 {
    margin: 0px 0px 15px;
    padding: 0px;
    font: normal 25px Besign, Arial, Helvetica, sans-serif;
    color: #8ac53e;
}
h2 {
    /*margin: 0px 0px 4px;*/
    margin-top: 10px;
    padding-left: 20px;

    font: normal 20px Besign, Arial, Helvetica, sans-serif;
    color: #2C2C2C;
}
h3 {
    margin: 0px 0px 4px;
    padding: 0px;
    font: normal 16px Arial, Helvetica, sans-serif;
    color: #623820;
}
h4 {
    margin: 0px 0px 4px;
    padding: 0px;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #5C5C5C;
}
h5 {
    margin: 0px 0px 4px;
    padding: 0px;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
.hr_solid {
    margin: 10px 0px;
    padding: 0px;
    border-top: 1px solid #BABABC;
}
.hr_dotted {
    margin: 10px 0px;
    padding: 0px;
    border-top: 1px dashed #BABABC;
}
.err_icon {
    position: absolute;
    right: 8px;
    padding-top: 4px;
}
.brown_color {
    color: #5a4942;
}
.blue_color {
    color: #4a82cf;
}
.white_color {
    color: #FFFFFF;
}
.error {
    color: #ff0000;
}
/*h1 {
        margin: 0px 0px 4px;
        padding: 0px;
        font: normal 25px Besign, Arial, Helvetica, sans-serif;
        color: #8ac53e;
}
h2 {
        margin: 0px 0px 4px;
        padding: 0px;
        font: normal 20px Besign, Arial, Helvetica, sans-serif;
        color: #2C2C2C;
}
h3 {
        margin: 0px 0px 4px;
        padding: 0px;
        font: normal 16px Arial, Helvetica, sans-serif;
        color: #623820;
}
h4 {
        margin: 0px 0px 4px;
        padding: 0px;
        font: normal 14px Arial, Helvetica, sans-serif;
        color: #5C5C5C;
}
h5 {
        margin: 0px 0px 4px;
        padding: 0px;
        font: normal 12px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
}
.hr_solid {
        margin: 10px 0px;
        padding: 0px;
        border-top: 1px solid #BABABC;
}
.hr_dotted {
        margin: 10px 0px;
        padding: 0px;
        border-top: 1px dashed #BABABC;
}
.err_icon {
        position: absolute;
        right: 8px;
        padding-top: 4px;
}
.brown_color {
        color: #5a4942;
}
.blue_color {
        color: #4a82cf;
}
.white_color {
        color: #FFFFFF;
}
.error {
        color: #ff0000;
}*/

input[type="text"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
    border: 1px solid #cdc2bc;
    height: 17px;
    font: normal 11px/17px Arial, Helvetica, sans-serif;
    color: #636466;
    padding-left: 6px;
}
input[type="password"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
    border: 1px solid #cdc2bc;
    height: 17px;
    font: normal 11px/17px Arial, Helvetica, sans-serif;
    color: #636466;
    padding: 4px;
    padding-left: 6px;
}
.width_181 {
    width: 175px;
}
.width_177 {
    width: 171px;
}
.width_70 {
    width: 70%;
}
.width_90 {
    width: 89%;
}
.width_97 {
    width: 97%;
}

.form_fields li {
    display: block;
    margin-bottom: 2px;
    min-height: 40px;
    position: relative;
}
.form_fields label {
    display: block;
    float: left;
    width: 130px;
    color: #636466;
}
.form_fields .input {
    display: block;
    padding-left: 130px;
}

.textfield {
    /*background: #eeeeee;*/
    border: 1px solid #d5d5d5;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    font: 13px Arial, Helvetica, sans-serif;
}

#popup_login_frm .err_icon {
    right: 88px;
}

/*Popup Informations*/
#popup_container {
    padding: 0px;
    margin: 0px;
}
#popup_container .popup_contents {
    padding: 0px;
    margin: 0px;
}

/*Selector Class Info*/
.selector {
    width: 155px;
    height: 97px;
    border: none;
    text-indent: -2000em;
    font-size: 1px;
    cursor: pointer;
}
.selector.today {
    background: url(../images/delivery-date-today.png) no-repeat left top;
}
.selector.tomorrow {
    background: url(../images/delivery-date-tomorrow.png) no-repeat left top;
}
.selector.future {
    background: url(../images/delivery-date-future.png) no-repeat left top;
}
.selector.hover, .selector:hover {
    background-position: left -97px;
}
.selector.disabled {
    cursor: not-allowed;
    background-position: left -126px !important;
}
    #deliverdatefrm .selector{
        width: 100px !important;
        height: 50px !important;
        background-size: 100px !important;background-position: center 0;        
    }
    #temp_image img{max-width: 100% !important;}