/* These are overrides for the theme.css file ///MATT/// */ 

.header { border-bottom: 0;}

/*.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner {
    max-width: 1000px;
    width: 100%;
} */

.TopMenu > .inner {
    max-width: 1000px;
    width: 100%;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Roboto", Arial, sans-serif; }
h2, .h2 {color: #24a9e0; font-weight: normal;} 

p a, .BlockContent.PageContent a {
    color: #24a9e0;
    text-decoration: underline;
}

p a:hover, .BlockContent.PageContent a:hover {
    color: #666;
    text-decoration: none;
}

.PageMenu {font-family:"Roboto",Arial,Sans-serif; font-size:16px; height: 55px; padding-top:10px;}
.PageMenu .sf-menu>li>a {color:#FFF; text-shadow: 1px 1px 1px #000; padding-top: 6px;}
.PageMenu .sf-menu>li>a:hover {text-decoration:underline;}

.btn { background-color: #24a9e0; }
.slide-button .btn { background-color: #666; }
#home .ProductList .btn { background-color: #24a9e0; }

#SearchForm .Button, #SearchForm input.Textbox, #SearchForm { border-radius: 8px; }

.footer-main { background: #555 none repeat scroll 0 0; }
.footer-main a { color: #fff; }
.footer-main a:hover { color: #999; text-decoration: underline; }
.footer-main h4 { color: #fff; text-transform: uppercase; font-weight:700; }
.footer-links { background: #000 none repeat scroll 0 0; color: #FFF; font-size: 14px; }
.footer-links a { color: #fff; text-decoration: underline; }
.footer-links a:hover { color: #999; text-decoration: underline; }
.footer-links p { color: #fff; }
.footer-links-slash { color: #24a9e0; }
.footer-links-credit { color: #999; } .footer-links-credit a { color: #999; }

#uniform-creditcard_cctype {
     width: 160px !important;
}

.checkoutHeader { background-color: #000000; !important } /*does not work */

/*
------This will allow carousel to show in mobile, but need to mobilize all styles first!-----

@media screen and (max-width: 768px) {
#HomeSlideShow {
display: block !important;
}
} */