#navtoppanel {
    position: relative;
    background: #5a5a5a;
    height: 36px;
    width: 100%;
}

.mobile-basket,
.mobile-logo,
#menu-toggle {
    display: none;
}

#navtoppanel:before, #navtoppanel:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9600px;
    right: 100%;
    background: #5a5a5a;
}
#navtoppanel:after {
    left: 100%;
}

.std_links {
    list-style: none;
    display:inline-block;
}

.std_links li {
    display: inline;
    padding: 7px 10px 14px 10px;
    color: #c6c6c6;
    font-weight: bold;
    font-size: 10pt;
    cursor: pointer;
    margin-right: 10px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.std_links li a {
    color: inherit;
    text-decoration: none;
}

.std_links li:hover {
    border-top: 4px #ffd300 solid;
    color: #ffffff;
}

.memberlogin {
    float:right;
}

.sfploginbutton {
    display: inline-block;
    background: #000000;
    padding: 8px 10px 8px 10px;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
}
.sfploginbutton:hover {
    background: #ffd300;
    color: #000000 !important;
}
.sfploginbutton a {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none !important;
    font-family: "Trebuchet MS", Helvetica, sans-serif
}
.sfploginbutton a:hover {
    color: #000000 !important;
}

.contactbutton {
    display: inline-block;
    background: #ffd300;
    padding: 8px 10px 8px 10px;
    color: #000000;
    margin: 0px 0px 0px 0px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
}
.contactbutton:hover {
    background: #000000;
    color: #ffffff !important;
}
.contactbutton a {
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none !important;
    font-family: "Trebuchet MS", Helvetica, sans-serif
}
.sfploginbutton:hover, .contactbutton:hover {
    text-decoration: none;
    cursor: pointer;
}

#header {
    background: #000000 url("/images/head_sprite_new.png") repeat-x 0 100%;
    height: 119px;
    width: 100%;
    position: relative;
}

#header:before, #header:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9600px;
    right: 100%;
    background: #000000 url("/images/head_sprite_new.png") repeat-x 0 100%;
}
#header:after {
    left: 100%;
}

.logocontainer {
    position: relative;
    top: 20px;
    left: 0px;
    float: left;
}

#details-container {
    display: block;
    right: 0;
    padding-right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.we_are {
    position: absolute;
    left: -70px;
    height: 55px;
    font-family: "Trebuchet MS", Helvetica, sans-serif
}

.telnumber {
    display: block;
    color: #ffffff;!important
    font-weight: bold;
    font-size: 20px;
    font-family: "Trebuchet MS", Helvetica, sans-serif
}

.daysperweek {
    display: block;
    color: #FFCD00;
    font-weight: bold;
    font-size: 19px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#toppanel {
    position: relative;
    background: #777276;
    height: 46px;
    width: 100%;
    border-bottom: 5px solid #ffd300;
}

#toppanel:before, #toppanel:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 46px;
    width: 9600px;
    right: 100%;
    background: #ffd300;
    border-bottom: 5px solid #ffd300;
}
#toppanel:after {
    left: 100%;
    background: #777276;
}

.simplenav {
    display: inline;
    position: absolute;
    left: 0px;
    height: 49px;
    background: #ffd300;
}

.simplelinks {
    height: 51px;
    margin-top: 0px;
    margin-right: 10px;
}
.simplelinks td {
    color: #333;
    font-weight: bold;
    font-size: 10pt;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    width: 290px;
    border-right: 2px solid #ba9a00;
    font-family: "Trebuchet MS", Helvetica, sans-serif
}

.simplelinks td:hover {
    background: #434343;
    color: #ffffff;
}

.simplelinks_head {
    position: relative;
    font-size: 13pt;
    font-weight: bold;
    top: -2px;
}

.simplelinks_little {
    position: absolute;
    top: 29px;
    font-size: 8pt;
    font-weight: 100;
}

.mainnavbits:hover {
    color: #ffffff !important;
}
.mainnavbits a {
    color: inherit !important;
}

.leftsimple {
    border-left: 2px solid #ba9a00;
}

.thinner {
    width: 220px !important;
}

.navendswirl {
    display: inline;
    position: absolute;
}

.swirly{
    display:none;
}

.checkoutstuff {
    display: inline-block;
    position: absolute;
    right: 0;
    width: auto;
    height: 100%;
}

.hovermebaby {
    border-left: 2px solid #525053;
}

.hovermebaby:hover {
    background: #434343;
    border-left: 2px solid #2d2d2d;
    border-right: 2px solid #2d2d2d;
}

.baskets {
    display: inline-block;
    height: inherit;
    padding: 0 10px;
    border-left: 2px solid #525053;
    border-right: 2px solid #525053;
}

.baskets:hover {
    background: #434343;
}

.baskets:nth-child(1) {
    margin-right: -6px;
}

.baskets img {
    display: inline-block;
    position: relative;
    top: 12px;
}

.bask_head {
    font-size: 13pt;
    font-weight: bold;
}

.bask_little {
    position: relative;
    display: block;
    left: 35%;
    top: -7%;
    font-size: 8pt;
    font-weight: 100;
}

.bask_head a, .bask_little a, .chk_head a, .chk_little a { color: #ffffff !important; }
.chk_head {

}

.bask_head a, .bask_little a, .chk_head a, .chk_little a { color: #ffffff !important; }
.chk_head {

}

.chk_little {
    position: relative;
    display: block;
    left: 40%;
    top: -7%;
    font-size: 8pt;
    font-weight: 100;
}

.rb {
    border-right: 2px solid #525053;
}

[type="checkbox"], label {
    display: none;
}

li.mobile-links,
li.mobile-links > a,
.mobile-phone,
.tablet-number {
    display: none;
}
.industrysub{
    height:auto;
    margin-left:-10px;
    margin-top:3px;
    display:none;
    z-index:1;
    position: absolute;
    background: #5a5a5a none repeat scroll 0 0;
    box-shadow:2px 2px 5px #000000;
}
li:hover ul.industrysub{
    display: block;
    box-shadow:2px 2px 5px #000000;
}
.industrysub li:hover{
    background: #ffd300;
    color: #000;
}
.industrysub li a{
    padding:10px !important;
    display:block;
}
.industrysub li{
    clear:both;
    line-height: normal !important;
    margin:0;
    padding:0 !important;
    display: block !important;

}
.std_links{
    margin-top:0px;

}
.std_links li{
    display:inline-block;
    margin-top:4px;
}
.std_links li:hover{
    display:inline-block;
    margin-top:0px;
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {

    .industrysub,li:hover ul.industrysub{
        top: auto;
        left:160px;
        margin-top:-25px;
    }
    .std_links li a[href='#']:after{
        content: "\f0da";
        float:right;

        padding-right:20px;
        font-family: FontAwesome;
    }
    .std_links li{
        margin-top:0px;
    }
}