﻿.header-bottomwrapper {
    /*light*/
    /*border-bottom: 7px solid #006caa;*/
    background-color:white;
}

.header-banner {
    /*light*/
    background-color: #006caa;
}

#middlelinks .welcome {
    color: black;
}

/*.header-banner a.status {*/
#middlelinks a.status {
    color: black;
}

main .content {
    /*dark*/
    background-color: white;
    /*dark*/
    color: black;
}

main a {
    color: #0d83c6;
}

    main a:hover {
        color: #33475B;
    }

    main a:focus {
        color: #0D83C6;
    }

/*menu color*/
dsnav a {
    /*dark*/
    color: black;
}

.megamenu {
    /*background: #006caa;*/
    background: white;
}

.megamenu .exo-menu {
    /*background: #006caa;*/
    background: white;
}

.megamenu .exo-menu > li > a {
    /*border-right: 1px #365670 dotted;*/
}

.megamenu .exo-menu > li > a.first {
    /*border-left: 1px dotted #365670;*/
}

.hdrrow {
    /*background-color: white;*/
}

/*light*/
th.blankcell {
    background-color: white;
}

tr:nth-child(even) {
    background-color: #f9f9f9;
}

tr:nth-child(odd) {
    /*dark*/
    background-color: transparent;
    /*color: black;*/
}

.textfields label {
    top: 15px;
    color: silver;
}

.textfields label.centered {
    top: 15px;
    color: silver;
}

/*.textfields .textbox:focus ~ label, .textfields .textbox:valid ~ label, .textfields label.disabled*/
.textfields .textbox:focus ~ label, .textfields .textbox:not(:placeholder-shown).textbox:not(:focus) ~ label, .textfields label.disabled
    {
    top: -6px;
    background-color: white;
    color: black;
    }

    /*.textfields .textbox:focus ~ label.centered, .textfields .textbox:valid ~ label.centered*/
    .textfields .textbox:focus ~ label.centered, .textfields .textbox:not(:placeholder-shown).textbox:not(:focus) ~ label.centered {
        top: -6px;
        color: black;
        background-color: white;
    }

.searchbox {
    /*dark*/
    background-color: white;
    /*dark*/
    color: black;
}

/* arrow at top of menu box */
.dropdown-content:before, .dropdown-acct:before {
    border-bottom: 10px solid #f9f9f9;
}

.heading2 {
    color: #33475B;
}

.heading3 {
    color: #33475B;
}

.shopheading {
    background-color: #006CAA;
}

.textbox {
    /*dark*/
    background-color: white;
    /*dark*/
    color: black;
    /*dark*/
    /*padding-top: 25px;
    font-size: 18px;*/
}

.popup-inner-details, .popup-inner {
    background-color: white;
    border: solid 1px white;
}

button {
    /*dark*/
    background-color: white;
}

.progress-container {
    /*dark*/
    background-color: #0D83C6;
}

.progress-bar {
    /*dark*/
    background: #70A200;
    background: linear-gradient(to right, #009ED2, #70a200);
}

.ecwid-productBrowser-details-descr {
    color: black;
}

.panel, .subPanel {
    border-top: solid 4px #006caa;
    background-color: #DCDCDE;
}

.panel ul li {
    color: Black;
    background-color: #F8F7F2;
}

.panel ul li.link {
    background-color: #DCDCDE;
}

.panel ul li.link a {
    color: #0D83C6;
}

.panel ul li:hover {
    background: #F8F7F2;
    color: #000;
}

.panel ul li ul li {
    color: Black;
}

.panel a {
    color: Black;
}

.bar1, .bar2, .bar3 {
    background-color: #333;
}

.searchddcontent {
    padding: 7px 5px;
    top: 36px;
    /*dark*/
    background-color: white;
}

/* Desktop screens */
/*@media (min-width:820px) {*/
@media (min-width:1200px) {
    .header-bottomwrapper {
        background-color: white;
    }

    #middlelinks a {
        color: #33475B;
    }

        #middlelinks a:hover {
            color: #0D83C6;
        }

    .dropdown-acct a {
        color: #33475B !important;
    }

        .dropdown-acct a:hover {
            color: #0D83C6 !important;
        }

    main .content {
        /*dark*/
        background-color: white;
        /*dark*/
        color: black;
    }

    #toolsidenav {
        background-color: white;
        border: solid 2px #006caa;
    }

    #toolsidenav a {
        color: #006caa;
    }

    /* myaccount */
    .searchddcontent {
        /*padding: 10px 5px;*/
        /*top: 143px;*/
        background-color: white;
    }

    .hdrtext {
        background-color: #33475B;
    }

    .phone {
        color: black;
    }
}
