/*** VWD-CSS Pro Drum Shop ***/

div#maintenance_notice{
    display: none;
}
    
div.header{
    border-bottom: none;
    margin-bottom: 0;
}

div#Header{
    background-image: url("https://cdn3.bigcommerce.com/s-sqzso1e43m/product_images/uploaded_images/header-bg.png?t=1455047447");
    background-repeat: repeat-x;
    background-position: center center;
    margin-bottom: 0;
    margin-top: -20px;
    border-bottom: none;
}

#Header > .inner{
    background: transparent;
}

div.header-logo{
    margin-top: -20px;
}

.TopMenu ul{
    font-size: 12px;
}

.TopMenu li.last a .icon{
    position: relative;
}

.TopMenu .CartLink a{
    color: #9bf;
}

.icon-cart{
    background-image: url("https://cdn3.bigcommerce.com/s-sqzso1e43m/product_images/uploaded_images/checkout-btn.png?t=1455046878");
    background-repeat: no-repeat;
    width: 116px;
    height: 30px;
    background-position: 0 0;
}
    
div.PageMenu{
    background: #E5E5FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFF), to(#CECEFF));
    background: -webkit-linear-gradient(top, #FDFDFF, #CECEFF);
    background: -moz-linear-gradient(top, #FDFDFF, #CECEFF);
    background: -ms-linear-gradient(top, #FDFDFF, #CECEFF);
    background: -o-linear-gradient(top, #FDFDFF, #CECEFF);
    margin: 0;
    font-weight: bold;
}

.PageMenu li ul{
    background: #fff;
}

.PageMenu li ul li a:hover{
    color: #036;
}

/**.PageMenu li ul::before{
    border-color: #fff;
}**/

.PageMenu li ul::before {
    border-color: transparent transparent #fff;
}

div.main div.inner{
    background: #fff;
    padding: 10px;
}

div.main div.inner div.Content{
    padding: 0 10px;
}

div.main{
    background-image: url("https://cdn3.bigcommerce.com/s-sqzso1e43m/product_images/uploaded_images/main-bg.png?t=1455046524");
    background-repeat: repeat-x;
}

div#HomeNewProducts h3,
div#HomeFeaturedProducts h3{
    padding: 5px;
    background-color: #CCCCFF;
}

div.header-phone{
    color: #fff;
    width: 100%;
    max-width: 550px;
    float: right;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 9px;
}

div.trademark {
    font-size: 16px;
    margin-left: 30px;
    position: absolute;
    top: 11px;
}

div.trademark h1{
    color: #CCCCFF;
    font-size: 16px;
}

div.header-phone div.phone{
    float: left;
    font-size: 35px;
}

div.header-phone div.hours{
    float: right;
    text-align: right;
    font-size: 12px;
    padding-top: 5px;
    color: #ccc;
}


div#SearchForm{
    clear: right;
    margin-bottom: 5px;
}

#SearchForm .Button, #SearchForm input.Textbox, #SearchForm{
    height: 30px;
}

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


.ProductList{
    font-weight: bold;
}

#ProductDetails h1{
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
    font-size: 20px;
}

/**.fa-bars::before{
    color: #CCCCFF;
}

#cart-amount .Cart .total{
    background-color: #ccccff;
}**/

img.announcement-img{
    display: block;
    margin: 0 auto 10px auto;
    width: auto;
    height: auto;
    max-width: 100%;
}

div.announcement-bar{
    background-color: #CCCCFF;
    text-align: center;
}

h2.background {
    position: relative;
    z-index: 1;
    font-size: 16px !important;
    padding: 5px;
    margin-bottom: 10px;
}
    
 h2.background:before {
        border-top: 1px solid #081943;
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%; left: 0; right: 0; bottom: 0;
        width: 95%;
        z-index: -1;
    }

h2.background span { 
        /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
        background: #CCCCFF; 
        padding: 0 15px; 
    }

.Breadcrumb{
    color: #000;
}

.Breadcrumb li a{
    color: #003366;
}

.addto .BulkDiscount,
.addto #SideProductAddToWishList{
    display: block;
}

.addto #SideProductAddToWishList input{
    width: auto;
}

.newsletter-subscription{
    background: #E5E5FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#CECEFF), to(#EAEAFF));
    background: -webkit-linear-gradient(top, #CECEFF, #EAEAFF);
    background: -moz-linear-gradient(top, #CECEFF, #EAEAFF);
    background: -ms-linear-gradient(top, #CECEFF, #EAEAFF);
    background: -o-linear-gradient(top, #CECEFF, #EAEAFF);
    border: none;
}

.footer-main .inner{
    padding: 10px 0;
}

.footer-main a{
    color: #036;
}

.footer-main a:hover{
    color: #000;
}

div.footer-columns div.two-fifths ul li,
div.footer-columns div.one-third ul li{
    float: left;
    width: auto;
    margin-left: 15px;
}

div.footer-social{
    text-align: right;
}

div.footer-social img{
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 5px;
}

img.credit-cards{
    width: auto;
    height: auto;
    max-width: 100%;
}

div.featured-categories{
    width: 100% !important;
    margin: 10px 0 !important;
    float: none !important;
}

div.featured-categories div.category-item{
    width: 33%;
    text-align: center;
    float: left;
    display: block !important;
    margin: 0 0 20px 0 !important;
    }
    

div.featured-categories div.category-item img {
    display: block;
    height: auto;
    margin: 0 auto 5px auto;
    max-width: 98%;
}

div.featured-categories div.category-item a{
        color: #060;
        font-weight: bold;
    }


div.home-content{
    overflow: hidden;
    width: 100% !important;
    padding-top: 5px;
    padding-bottom: 20px;
}

div.home-content .home-half{
    float: left;
    width: 45%;
    padding: 0 2.5%;
    margin-left: 0;
}
    
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    width: 100% !important;
}

.videoWrapper object,
.videoWrapper iframe,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

img.center{
    display: block;
    margin: 0 auto;
}

img.fl{
    float: left;
    margin: 0 5px 5px 0;
}

span.ProductPrice strike{
    opacity: .6;
}

span.ProductPrice{
    display: block;
}

span.SalePrice{
    color: #900;
}

strike.RetailPriceValue{
    opacity: .6;
}

.PinterestButtonContainer{
    float: left;
    margin: 10px 5px 10px 0;
    padding-top: 3px;
}


@media screen and (max-width: 860px){
    div.header-phone{
        margin-top: 5px;
    }
    div.trademark{
        margin-left: 50px;
    }
}

@media screen and (max-width: 768px) {
    div.header-phone{
        display: none;
    }
    div.header-logo{
        margin-top: 0;
        float: none;
        text-align: center;
    }
    div#Header{
        margin-top: 0;
        background-image: none;
    }
    div.header-logo{
        background-image: url("https://cdn3.bigcommerce.com/s-sqzso1e43m/product_images/uploaded_images/header-bg.png?t=1455047447");
        background-repeat: repeat-x;
        background-position: center center;
        
    }
    div.two-fifths,
    div.three-fifths,
    div.one-third,
    div.two-thirds{
        width: 100% !important;
        text-align: center !important;
        float: none;
        margin-bottom: 10px;
    }
    div.home-content .home-half{
        float: none;
        width: 100%;
        padding: 0;
    }
    img.announcement-img{
        display: none;
    }
    img.fl{
        display: block;
        float: none;
        margin: 0 auto 5px;
    }
    
}

@media screen and (max-width: 600px) {
    div.featured-categories div.category-item{
        width: 100%;
        float: none;
        margin: 5px auto;
        font-size: 12px;
        }
}

@media screen and (max-width: 480px) {
    div#SearchForm{
        margin-bottom: 0;
    }
    #SearchForm .Button, #SearchForm input.Textbox, #SearchForm{
        border-radius: 0px;
    }
    #SearchForm .Button, #SearchForm input.Textbox, #SearchForm{
        height: auto;
    }
}

@media screen and (min-width: 1000px){
    #SearchForm .Button{
    background-image: url("https://cdn3.bigcommerce.com/s-sqzso1e43m/product_images/uploaded_images/search-button.png?t=1455053077");
    background-repeat: no-repeat;
    width: 44px;
    height: 30px;
    float: right;
    margin-right: -3px;
    }
}