.navbar-brand {
    color: #ffffff !important;
}
.navbar-brand:hover {
    color: #999999 !important;
}
.log-on input {
    margin: 0 0 10px 0;
}
.container1 {
    margin: 0 20px;
}
.shipping-address {
    min-height: 90px;
}
.marketing-stuff {
    min-height: 90px;
}
.category-main {
    min-height:500px;
}
.items-main {
    min-height:500px;
}
.cart-main {
    /*min-height:300px;*/
}
.category-sidebar ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 10px;
    text-indent: -10px;
}
.category-sidebar .current-category {
    font-weight:bold;
    font-size:14px;
    text-decoration:underline;
}
.category-sidebar a {
    font-size: 12px;
}
.category-sidebar ul ul {
    margin-left:10px;
}
.category-sidebar .ul-hidden {
    display:none;
}
.loading-spinner {
    height:100px;
    width: 100px;
    margin: 100px auto;
    background: url('../Content/img/loading-transparent.gif') no-repeat;
    position:absolute;
    left:40%;
    opacity:1 !important;
    z-index:99999;
}

.loading-spinner-small {
    height:50px;
    width: 50px;
    margin: 50px auto;
    background: url('../Content/img/nbc-ajax-loader.gif') no-repeat;
    position:absolute;
    left:35%;
    opacity:1 !important;
    z-index:99999;
}

.loading-spinner-cart {
    height:50px;
    width: 50px;
    margin: 50px auto;
    background: url('../Content/img/nbc-ajax-loader.gif') no-repeat;
    position:absolute;
    left:35%;
    opacity:1 !important;
    z-index:99999;
}

.product-table {
    margin-top: 0;
}
.product-table td {
    vertical-align: middle !important;
}
.product-table th {
    vertical-align: bottom !important;
}
.results-count {
    border-radius:3px;
    padding:5px;
    background: #CCCCCC;
    margin:10px 0;
}
.modal-image {
    display:block;
    margin: 10px auto;
}

.homepage #page1, .homepage #page2, .homepage #page3 {
    height: 1000px;
}
.long-scroll-sep {
    height:75px;
}
#page1 {
    background: #ADD6FF;
}
#page2 {
}
#page3 {
    background: #999999;
}
.blue-banner {
    background: rgba(42,142,209,1);
background: -moz-linear-gradient(top, #3276b1 0%, #285e8e 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #3276b1), color-stop(100%, #285e8e));
background: -webkit-linear-gradient(top, #3276b1 0%, #285e8e 100%);
background: -o-linear-gradient(top, #3276b1 0%, #285e8e 100%);
background: -ms-linear-gradient(top, #3276b1 0%, #285e8e 100%);
background: linear-gradient(to bottom, #3276b1 0%, #285e8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#285e8e', endColorstr='#3276b1', GradientType=0 );
}

.btn-homepage {
    color: #fff;
    text-decoration:none;
}
.btn-homepage:hover {
    color: #fff;
    text-decoration:none;
}

.social-networks {
    width: 600px;
    margin: 0 auto;
    height:50px;
    background:url('../Content/img/social-divider.png') no-repeat 50% 30%;
    padding:0 110px 0 122px;
}
.social-networks li {
    float: left;
    list-style: none;
    margin: -8px 30px 0 30px;
    font-size:10px;
    color:#fff !important;
}

.footer-facebook, .footer-twitter, .footer-gplus {
    display:block;
    background: #191966;
    border-radius: 60px;
    width:62px;
    height:63px;
}
.text-shift {
    text-indent: -9999px;
}
.footer-facebook:hover {
    background: #66A3E0;
}
.footer-twitter:hover {
    background: #66A3E0;
}
.footer-gplus:hover {
    background: #66A3E0;
}
.carousel-holder {
    margin: 0 auto;
}
.field-validation-error {
    color:red;
}
.logon-textbox {
    width: 250px !important;
    margin: 0 0 10px 0;
}
.carousel-inner {
    height: 470px;
}

.footer {
    margin: 20px 0;
    border-top:1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

#alert-message {
    text-align: center;
    color: red;
    font-weight:bold;
}

/*==================================================================================================
        Home Page
====================================================================================================*/
.subNavBtn:hover {
    color:#fff;
    text-decoration:none;
}
#components-slider {
    position: relative;
    height: 480px;
    overflow: hidden;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    text-align:left;
}
#components-slider-mobile {
    position: relative;
    height:65%;
    overflow: hidden;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    text-align:left;
}
.slider {
    position:relative;
    z-index: 5;
    width: 100%;
}
.slider-navigation {
    background: #e6e4e0;
    -webkit-box-shadow: #cccac4 0 0 0 1px inset, #cccac4 0 0 5px;
    -moz-box-shadow: #cccac4 0 0 0 1px inset, #cccac4 0 0 5px;
    box-shadow: #cccac4 0 0 0 1px inset, #cccac4 0 0 5px;
}
.slider-navigation-mobile {
    background: #e6e4e0;
    -webkit-box-shadow: #cccac4 0 0 0 1px inset, #cccac4 0 0 5px;
    -moz-box-shadow: #cccac4 0 0 0 1px inset, #cccac4 0 0 5px;
    box-shadow: #cccac4 0 0 0 1px inset, #cccac4 0 0 5px;
}
.slider-navigation a {
    width: 100%;
    display: table;
    color: #484745;
    text-decoration: none;
    text-indent: 18px;
    -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0 0 inset, rgba(0,0,0,0.1) 0 -1px 0 0 inset;
    -moz-box-shadow: rgba(255,255,255,0.5) 0 1px 0 0 inset, rgba(0,0,0,0.1) 0 -1px 0 0 inset;
    box-shadow: rgba(255,255,255,0.5) 0 1px 0 0 inset, rgba(0,0,0,0.1) 0 -1px 0 0 inset;
    -webkit-transition: background-color 0.35s,color 0.35s;
    -moz-transition: background-color 0.35s,color 0.35s;
    -o-transition: background-color 0.35s,color 0.35s;
    transition: background-color 0.35s,color 0.35s; 
}
.slider-navigation-mobile a {
    width: 100%;
    display: table;
    color: #484745;
    text-decoration: none;
    -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0 0 inset, rgba(0,0,0,0.1) 0 -1px 0 0 inset;
    -moz-box-shadow: rgba(255,255,255,0.5) 0 1px 0 0 inset, rgba(0,0,0,0.1) 0 -1px 0 0 inset;
    box-shadow: rgba(255,255,255,0.5) 0 1px 0 0 inset, rgba(0,0,0,0.1) 0 -1px 0 0 inset;
    -webkit-transition: background-color 0.35s,color 0.35s;
    -moz-transition: background-color 0.35s,color 0.35s;
    -o-transition: background-color 0.35s,color 0.35s;
    transition: background-color 0.35s,color 0.35s; 
}
.slider-navigation a.active, .slider-navigation-mobile a.active {
    color: white;
    background-color: #3276b1 !important;
}
.slider-navigation a span, .slider-navigation-mobile a span {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}
#components-slider > .slider-navigation a:after {
    position: absolute;
    content: " ";
    top: 31%;
    right: -23px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-top-width: 80px;
    border-bottom-width: 80px;
    border-left-width: 20px;
    margin-top: -50px;
    -webkit-transition: border-color 0.35s;
    -moz-transition: border-color 0.35s;
    -o-transition: border-color 0.35s;
    transition: border-color 0.35s;
}
#components-slider > .slider-navigation a.active:after {
    border-left-color: #3276b1;
}
#components-slider > .slide {
    z-index: -1;
    text-align: center;
    background:white;
}
#components-slider > .slide h3{
    color:#6e6e6e;
}
#components-slider > .slide .p-box{
    color: #333;
    width:600px;
    margin: 30px 20px 30px 50px;
    text-align: left;
    position:relative;
}
.sign-up-home {
    width: 400px;
    margin: 10px auto;
}
.sign-up-home .form-control {
    margin: 10px auto 30px auto;
}
.hideme {
    opacity:0;
}
.timeline {
    width: 100%;
    position: relative;
}
.timeline .bar {
    width: 80%;
    position: relative;
    z-index: 10;
    height: 6px;
    margin: 25px auto 32px;
    background: #3276b1;
}


.timeline-small {
    display:none;
    margin: 0 auto;
}
.timeline-small .vertical-bar {
    margin: 20px;
    height: 900px;
    width:6px;
    float:left;
    background: #3276b1;
}

.flt-left {
    float:left;
}

.timeline .step {
    position: relative;
    z-index: 20;
    width: 33%;
    height: 20px;
    background: transparent;
    float:left;
    text-align: center;
}

.timeline-small .vertical-step-1, .timeline-small .vertical-step-2, .timeline-small .vertical-step-3 {
    z-index: 20;
    height: 166px;
    width:20px;
    background: transparent;
}

.timeline .step .marker {
    position: absolute;
    top: -50px;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-left: -12px;
    background: #6e6e6e;
    border: 5px solid #f5f5f5;
    border-radius: 15px;
}
.timeline-small .vertical-step-1 .marker {
    position: absolute;
    top: 130px;
    left:23px;
    width: 30px;
    height: 30px;
    background: #6e6e6e;
    border: 5px solid #f5f5f5;
    border-radius: 15px;
}
.timeline-small .vertical-step-2 .marker {
    position: absolute;
    top: 470px;
    left:23px;
    width: 30px;
    height: 30px;
    background: #6e6e6e;
    border: 5px solid #f5f5f5;
    border-radius: 15px;
}
.timeline-small .vertical-step-3 .marker {
    position: absolute;
    top: 790px;
    left:23px;
    width: 30px;
    height: 30px;
    background: #6e6e6e;
    border: 5px solid #f5f5f5;
    border-radius: 15px;
}
.ul-news {
    text-align:left;
    margin-left:100px;
}

@media (min-width: 830px) {
    .responsive-homepage-body .wrap {
        max-width:1140px;
        margin:0 auto;
    }
    .navbar-collapse {
        max-width:1140px;
        margin:0 auto;
    }
}

.wrap {
    background: #f5f5f5 !important;
}
.homepage-inner {
    min-height:400px;
}
.navbar-nav > .active, .navbar-toggle {
    color:white !important;
    background-color: #7f858c;
    background-color: -moz-linear-gradient(top, #7f858c 0%, #828c95 36%, #6e6e6e 100%) !important;
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f858c), color-stop(36%,#828c95), color-stop(100%,#6e6e6e)) !important;
    background-color: -webkit-linear-gradient(top, #7f858c 0%,#828c95 36%,#6e6e6e 100%) !important;
    background-color: -o-linear-gradient(top, #7f858c 0%,#828c95 36%,#6e6e6e 100%) !important;
    background-color: -ms-linear-gradient(top, #7f858c 0%,#828c95 36%,#6e6e6e 100%) !important;
    background: linear-gradient(to bottom, #7f858c 0%,#828c95 36%,#6e6e6e 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f858c', endColorstr='#6e6e6e',GradientType=0 );
    -webkit-box-shadow: #6E6E6E 0 0 0 1px inset, #6E6E6E 0 0 5px;
    -moz-box-shadow: #6E6E6E 0 0 0 1px inset, #6E6E6E 0 0 5px;
    box-shadow: #6E6E6E 0 0 0 1px inset, #6E6E6E 0 0 5px;
}
.navbar-nav > li > a {
    color:white !important;
    font-weight:400 !important;
    line-height:1.428571429;
    font-family: 'Open Sans', sans-serif;
}
.navbar-nav.nav-justified > li {
    float:none;
}
#home {
    text-align:center;
    color:#999;
    letter-spacing:-2px;
    font-family: 'Open Sans', sans-serif;
    font-style:normal;
    font-weight:300;
}
.homepage-inner h1, .homepage-inner h2 {
    font-family: 'Open Sans' sans-serif;
    font-weight: 300;
    color:#6e6e6e;
    font-size:48px;
    text-align:center;
}
.homepage-inner p {
    font-size:18px;
    letter-spacing:0px;
    color:#6e6e6e;
}

.learnmore-small {
    display:none;
}

@media (max-width: 768px) {
    .large-learn-more {
        display:none;
    }
    .learnmore-small {
        display:block;
    }
    .timeline-large {
        display:none;
    }
    .timeline-small {
        display:block;
    }
    
}



.large-learn-more {
    margin:0 50px 50px 50px;
    font-family: 'Open Sans' sans-serif;
    font-weight: 300;
    font-size:18px;
    letter-spacing:0px;
    color:#6e6e6e;
}

#myCarousel {
    max-width:900px;
    margin: 0 auto;
}

.main-home-image {
    /*padding:5px;*/
    width:100%;
    /*border:2px solid #6e6e6e;
    border-radius:5px;
    background:#999;*/
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#place-order-alert {
    display:none;
}

#shipping-method-alert {
    display:none;
}

#my-affix {
    position: fixed;
    z-index: 9999;
    top:150px;
    right:0;
    -webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
    box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
    -webkit-transition: right 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-delay: 1.5s;
    -moz-transition: right 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s;
    -o-transition: right 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s;
    transition: right 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s;
}

@media (max-width: 768px) {
    #my-affix {
        top:0;
        left:0;
        width:130px;
    }
}

#logon-now-home:hover {
    text-decoration:none;
}

.myWell {
    padding:5px 10px;
}

@media (max-width: 768px) {
    .featured-desc {
        font-size: 12px !important;
    }
    .featured-desc h4 {
        font-weight:bold;
        font-size: 16px !important;
    }
    .featured-img img {
        max-width:25% !important;
    }
}

.mobile-collapse {
    width:130px !important;
}
.mobile-expand {
    width:300px !important;
}

.hidden {
    display:none;
}

@media (max-width: 1120px) {
    .marketing-suggested {
        display:none;
    }
    .marketing-suggested-mobile {
        display:block !important;
    }
    
}

@media (max-width: 1220px) {
    #specials-button-month {
        display:none;
    }
    #special-button-text-div {
        width: 45% !important;
    }
    #special-button-tag-div {
        width:45% !important;
    }
    
}
@media (max-width: 1140px) {
    #favorites-button-text {
        display:none;
    }
    #favorite-button-div {
        width:45% !important;
    }
}

#home-page-nav-logo {
    width:50%;
}
.featured-product-image {
    display:table;
    height:100%;
    max-width:250px;
    margin:0 auto;
}
.featured-img {
     margin:0;
     padding:0;
     height:100%;
}


@media (max-width:769px) {
    .featured-product-image {
        display:table;
        height:100%;
        max-width:250px;
        margin:0 auto;
        max-height: 100px;
    }
    .featured-img {
        margin:0;
        padding:0;
        height:100%;
        max-height: 100px;
    }
    .featured-desc h4 {
        font-size:14px !important;
    }
    .featured-desc ul {
        font-size:11px !important;
    }
}

@media (max-width:900px) {
    #home-page-nav-logo {
        width:15%;
    }
}

@media (max-width: 991px) {
    .dept-nav-mobile {
        display:block !important;
    }
    .dept-nav-big {
        display:none;
    }
    .item-main-pull-up {
        position:relative;
        top:-56px;
    }
    .main-product-well {
        margin-top:55px;
    }
}

.product-item-medium {
    display:none !important;
}

@media (max-width:1170px) {
    .product-item-large {
        display:none !important;
    }
    .product-item-medium {
        display:block !important;
    }
}

@media (max-width: 991px) {
    .marketing-col {
        padding-right:0 !important;
    }
}

.custom-nav-dropdown {
    max-width:80%;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-right:0 !important;
    margin-left:0 !important;
    /*border:none !important;
    background:none;*/
}

.custom-disabled {
    cursor: not-allowed !important;
    background-color: #EEE !important;
    color: #9E9999;
}

.custom-nav-dropdown-arrow {
    margin-left:-10px;
    margin-right:10px;
}

.no-border {
    border:none !important;
}

.product-table .product-item-large, .product-table .product-item-medium {
    display:block;
    border:1px solid #cccccc;
    background:white;
    border-radius: 5px;
    box-shadow: 4px 4px 2px #cccccc;
}


.product-table > tbody > tr > td {
    padding:10px;
}


.product-blue {
    background-color: #d9edf7 !important;
}
.product-yellow {
    background-color:#fcf8e3 !important;
}
.product-green {
    background-color:#dff0d8 !important;
}
.product-red {
    background-color:#f2dede !important;
}

.marketing-message {
    margin:20px 0;
    font-size:18px;
    letter-spacing:normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#gemcoLogo:hover {
    opacity: 0.3;
}