/* force checkout address fields into one column - LJ */
.AddBillingAddress dt, 
.AddShippingAddress dt {
    clear: left; 
}

/* darken border color on form inputs - LJ */
.CurrencyList dd, 
select, 
hr, 
input.Textbox, 
textarea, 
input[type="text"],
input[type="password"], 
.QuickSearch, 
.SharePublicWishList, 
.ExpressCheckoutBlock .ExpressCheckoutTitle, 
.TabNav li a, 
.HowToPay, 
.NotifyMessage, 
.QuickSearchResult .QuickSearchResultImage, 
.CurrencyChooser, 
div.uploader, 
div.selector {
    border: 1px solid #ccc;
}

/* styles for Instructions page (accoridion menu) - LJ */
.ui-accordion .ui-accordion-header {
  padding: .5em .5em .5em 2.2em;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3!important;
  color: #555!important;
  background-color: #e6e6e6!important;
  background-image: none!important;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
  border: 1px solid #d3d3d3!important;
  background-color: #7c7c7c!important;
  background-image: none!important;
  font-weight: normal!important;
}

.ui-state-default.ui-state-active {
  color: #fff!important;
}

.ui-icon {
  background-image: url("https://code.jquery.com/ui/1.11.4/themes/smoothness/images/ui-icons_454545_256x240.png")!important;
}

.ui-widget {
    font-family: Arial, Sans-Serif!important;
}

/* force min-height on product images so they don't shift up/down with varying image heights - LJ */
#ProductDetails .ProductThumbImage,
#ProductDetails .ProductThumbImage img {
    max-height: 600px!important;
}

/* add space above product description - LJ */
.PrimaryProductDetails .ProductMain {
    min-height: 650px;
}

/* hide other details, display as Short Description at top of page - LJ */
#prodAccordion .ProductOtherDetails {
    display: none;
}
div#customShortDescription { margin: 10px 0; }

/* add styling for Groupon note (for Groupon products only, which are using _product_groupon.html page template) */
.groupon-note {
    background-color: #dff0d8;
    border: 1px solid #3c763d;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
    box-sizing: border-box;
    color: #3c763d;
    display: none;
    font-size: 13px;
    margin-bottom: 20px;
    padding: 5px 10px;
    width: 265px;
}

.groupon-note p {
    line-height: 1.5;
    margin: 0;
}

.page.groupon .groupon-note {
    display: block;
}

@media screen and (max-width: 480px) {
    .groupon-note {
        width: 100%;
    }
}

/* product image thumbnails - move to left */
#ProductDetails .ProductThumbImage {
    float: right;
    width: 80%;
}

.ImageCarouselBox {
    float: left;
    padding-left: 0!important;
    width: 20%;
}

#ProductDetails .ProductTinyImageList {
    padding-bottom: 20px;
}

#ProductDetails .ProductTinyImageList ul li {
    float: none!important;
    display: block;
}


/* edits by LJ 7/1/16 - overall styling updates to theme ------------------------------------------------------------- */

body, 
.ProductList li, 
div.selector {
    font-size: 13px;
}

p {
    line-height: 1.5;
}

.productAttributeList .productAttributeLabel label {
    margin-bottom: 7px !important;
}

.TitleHeading {
    font-size: 24px;
}

.Breadcrumb li {
    font-size: 12px;
}

.Breadcrumb a {
    color: #666;
}

.Breadcrumb {
    color: #999;
}

#Header {
    background-color: transparent;
    border-bottom: none;
}

#Header > .inner {
    background: transparent;
}

.header {
    background: #333 url(https://midwestvapesupply.com/template/Styles/concrete-bg.jpg) top center scroll;
}

@media screen and (max-width: 480px) {
    
    .header {
        background-image: none;
        background-color: transparent;
    }

}


@media screen and (min-width: 480px) { 
    
    .PageMenu .sf-menu > li > a {
        color: #fff;
        text-shadow: 1px 1px #000;
    }

}

@media screen and (min-width: 768px) {

    .header-secondary {
        padding-top: 50px;
    }

}

.PageMenu li ul {
    background: #000;
}

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

.TopMenu .CartLink a {
    color: #fff;
}

.TopMenu {
    font-size: 12px;
}

.newsletter-subscription {
    background-color: #e8e8e8;
}

.icon-cart {
    background-image: url("https://midwestvapesupply.com/template/Styles/icon_sprite_dark.png");
}

@media screen and (max-width: 768px) {
    
    .header-logo {
        float: none;
        text-align: center;
    }

}

@media screen and (max-width: 480px) {
    
    #Header {
        background: #333 url(https://midwestvapesupply.com/template/Styles/concrete-bg.jpg) top center scroll;
    }

    .header {
        padding-top: 150px; 
    }

    .header-logo img {
        margin: 7px auto;
    }

    #ToggleMenu {
        color: #fff;
    }

    #cart-amount .Cart .bag-handle {
        border-color: #fff;
    }

    #cart-amount .Cart .total {
        background: #fff;
        color: #333;
    }

}

.footer-main {
    background: #333;
}

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

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

.footer-main h4 {
    color: #fff;
}

div.AuthorizeNetSeal a {
    color: #fff!important;
}


.btn {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
/* END edits by LJ 7/1/16 - overall styling updates to theme --------------------------------------------------- */



/* changes by Ethan Glasberg - 7/14/16, edits by LJ 7/15/16 */
body {
    background-color: #e8e8e8;
}

.page {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 2px 10px 0 rgba(0,0,0,0.2)!important;
    margin: 25px 55px;
}

.ProductList .pname {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 10px;
}

.p-price {
    font-size: 15px;
}

/* CSS for Sapphyre Nic page - LJ 1/11/18 */
.CategoryDescription table {
    text-align: center;
}

.CategoryDescription table td {
    border-bottom: 0;
    width: 33%;
}

.CategoryDescription table .box-content {
    line-height: 18px;
}

@media screen and (max-width: 768px) {
    .page {
        margin: 0;
    }
}

@media screen and (max-width: 480px) {
    .CategoryDescription table td {
        display: block;
        width: 100%;
    }
}

/* add FDA nicotine warning to header - 1/29/19 - LJ */
.fda-warning {
    background-color: #fff;
    border: 10px solid #000;
    color: #000;
    font-family: Arial;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    padding: 20px 10px;
    text-align: center;
}

.fda-warning.fix { display: none; }

@media (max-width: 870px) {
    .fda-warning { font-size: 14px; line-height: 20px; }
    .fda-warning br { display: none; }
}

@media screen and (max-width: 480px) {
    .header-secondary { top: 100px; }
    
    .fda-warning.fix { display: block; }
}

#Header.off-screen {
    /*-webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);*/
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
   
    
/* add no ship notice to header - 4/7/21 - LJ */
.noship-notice {
    background-color: #fff;
    color: #000;
    font-family: Arial;
    font-weight: 700;
    padding: 15px 40px;
}


.noship-notice.fix, 
.off-screen .noship-notice.fix { display: none; }

.noship-notice p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.noship-notice.fix p {
    font-size: 12px!important;
    font-weight: 500!important;
    line-height: 1.3!important;
}

@media screen and (max-width: 480px) {
    .header-secondary { top: 397px; } /* was 420px - changed 7/26/23 - LJ */

    .off-screen .header-secondary { top: 100px; }
    
    .noship-notice.fix { display: block; }

    .noship-notice { display: none; }

}

@media screen and (max-width: 450px) {    
    .noship-notice.fix { padding: 15px 20px; }
}

/*@media screen and (max-width: 420px) {
    .header-secondary { top: 440px; }
}

@media screen and (max-width: 370px) {
    .header-secondary { top: 465px; }
}

@media screen and (max-width: 325px) {
    .header-secondary { top: 510px; }
}*/