.ShellTitleFirst h1 {
    margin-top: 0;
}

.ShellIdFirst h2 {
    margin-top: 0;
}

.ShellDetail {
    display: table-row;
    float: left;
    clear: left;
    width: 100%;
}

   .ShellDetail .ShellImages {
        vertical-align: top;
        float: left;
        width: 100%;
        max-width: 400px;
    }

        .ShellDetail .ShellImages.SingleImage {
            width: auto;
        }

            .ShellDetail .ShellImages.SingleImage a {
                text-decoration: none;
                float: left;
                display: block;
                box-shadow: 1px 1px 2px #888888;
                padding-bottom: 5px;
                text-align: center;
            }

                .ShellDetail .ShellImages.SingleImage a:hover {
                    box-shadow: 1px 1px 2px rgba(102, 175, 233, 0.6);
                }

                .ShellDetail .ShellImages.SingleImage a img {
                    max-width: 100%;
                }

        .ShellDetail .ShellImages .ExpandText {
            text-align: center;
            font-size: .8em;
            height: 0;
        }

            .ShellDetail .ShellImages .ExpandText span {
                position: relative;
                top: 5px;
                z-index: 10;
            }

            .ShellDetail .ShellImages.SingleImage a div {
                margin: 10px 10px 0 10px;
            }

        .ShellDetail .ShellImages .PhotoGallery {
            box-shadow: 1px 1px 2px #888888;
            padding-top: 20px;
        }

            .ShellDetail .ShellImages .PhotoGallery .rg-image-wrapper {
                /*Remove the padding since we aren't showing nav buttons*/
                padding: 0;
                background: none;
            }

            .ShellDetail .ShellImages .PhotoGallery .rg-image-nav {
                /*Remove nav buttons*/
                display: none;
            }

            .ShellDetail .ShellImages .PhotoGallery .rg-view {
                display: none;
            }

.SeasonalMessage {
    clear: left;
    color: #4F0101;
    font-style: italic;
    font-weight: normal;
    padding-top: 3px;
}

.ShellDetailPrice {
    padding-left: 30px;
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.ShellNewIcon {
    float: right;
}

    .ShellNewIcon img {
        border: none;
        padding-left: 5px;
    }

.ShellOutOfStock {
    float: left;
}

.AddToCartError {
    color: #EE0000;
    font-style: italic;
    float: right;
}

.ShortDescription {
    float: left;
    clear: both;
    width: 100%;
    padding: 15px 0 10px;
}
    .ShortDescription .PdfSection > div {
        float: left;
        padding: 10px;
        padding-left: 0;
        padding-right: 20px;
    }
    .ShortDescription .PdfSection .AdobeReaderDiv {
        padding-top: 0 !important;
    }
.AvailableStock {
    float: left;
    padding-top: 10px;
}

.ShellTabsAccessories {
    float: left;
    padding-top: 15px;
    width: 100%;
}

.ShellItemTabs {
    width: calc(100% - 170px);
    float: left;
    min-height: 200px;
}

    .ShellItemTabs.Wide {
        width: 100%;
        padding: 10px 0;
    }

    .ShellItemTabs .nav > li > a {
        float: left;
    }

        .ShellItemTabs .nav > li > a > div {
            float: left;
        }

.ProductSpecsDetails {
    float: left;
    width: 100%;
    margin-top: 10px;
}

    .ProductSpecsDetails .ProductSpecsRow {
        display: table-row;
    }

        .ProductSpecsDetails .ProductSpecsRow div {
            display: table-cell;
            padding: 2px 0;
        }

        .ProductSpecsDetails .ProductSpecsRow .DetailTitle {
            text-align: right;
            font-weight: bold;
            padding-left: 10px;
        }

        .ProductSpecsDetails .ProductSpecsRow .DetailText {
            padding: 0 10px;
        }

.ShellLongDescription {
    float: left;
    width: 100%;
}

.MarkOutOfStock {
    float: left;
    clear: left;
    color: #FF0000;
    margin-top: 5px;
}

.AccessoryWarningDisabled{
    clear: both;
}

.AccessoryWarning {
    clear: both;
    float: left;
    position: relative;
    top: 5px;
    color: #FF0000;
    margin: 5px 0 0;
}

    .AccessoryWarning.Disabled {
        display: none;
    }

.AccessoryPriceString{
    font-weight: 600;
}

.ItemNotExist {
    color: red;
}

    .ItemNotExist.Disabled {
        display: none;
    }
/*MainBox*/
.ProductAttributes5 .ShellBox, .item1 .ShellBox{
    max-width: 800px;
    width: 100%;
}
.ProductAttributes5 .ShellInfoBox, .item1 .ShellInfoBox{
    width: 50%;
    float: left;
    padding-top:10px;
}
.ProductAttributes5 .ShellPriceBox, .item1 .ShellPriceBox, .LoadCalcPrice{
    margin-top: 0;
    padding: 10px;
    width: 50%;
    float: right;
    clear: unset;
    box-shadow: unset;
}
    .ProductAttributes5 .AddToCartQuantityLabel, .item1 .AddToCartQuantityLabel {
        width: 100%;
        font-size: 12px;
        margin-bottom: 5px;
    }
    .ProductAttributes5 .AddToCartControls, .item1 .AddToCartControls {
        float: left;
        padding-left: 0;
    }
    .ProductAttributes5 .AddToCartQuantityTextBox, .item1 .AddToCartQuantityTextBox {
        float: none;
        margin-bottom: 10px;
    }
    .ProductAttributes5 .Title, .item1 .Title {
        font-weight: bold;
    }
    .ProductAttributes5 .Id.ComplimentaryColor, .item1 .Id.ComplimentaryColor {
        font-size: 12px;
        margin-top: 5px;
    }
.item1 .ShellPriceBox .SaveForLaterLinkButton {
    float: left;
    clear: both;
    margin-top: 20px;
}

.NoSpecification {
    color: red;
}

    .NoSpecification.Disabled {
        display: none;
    }

/*PRICE BOX*/
.ShellPriceBox {
    float: left;
    clear: both;
    box-shadow: 1px 1px 2px #888888;
    padding: 10px;
}

.FilterProducts .ShellPriceBox{
    float: right;
}

.ShellAddToCart {
    float: left;
    width: 100%;
    height: 100%;
}

.ShellAddToCartItems {
    float: left;
}

.ShellAddToCartControls {
    float: right;
    width: 225px;
}

.AddToCartUOMList {
    height: 100%;
}

.AddToCartPriceLabel {
    display: block;
    float: left;
    margin: 7px 10px 0 0;
    font-weight: bold;
}

.AddToCartPriceLabel {
    display: block;
    float: left;
    margin: 7px 10px 0 0;
    font-weight: bold;
    text-align: end;
}

.AddToCartControls {
    float: right;
    width: 240px;
    padding-left: 10px;
}

.AddToCartQuantityLabel {
    float: left;
    margin: 7px 3px 0 0;
}

.AddToCartQuantityTextBox {
    max-width: 44px;
    float: left;
    margin-right: 12px;
    font-size: 1.1em;
    padding: 6px
}

.AddToCartButton {
    float: left;
    position: relative;
}

.AddToCartRadioButtonList td {
    padding: 5px 0;
}

.SaveForLaterLinkButton {
    float: right;
    clear: right;
    margin-top: 10px;
}

/*COMPONENTS*/
.ShellComponents {
    float: left;
    clear: both;
    max-width: 325px;
    font-size: .8em;
    margin-top: 10px;
}

.ShellSingleComponent {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 3px;
    padding-left: 10px;
}

.SingleComponentDescription {
    float: left;
}

.SingleComponentUnitOfMeasure {
    float: left;
    padding-right: 5px;
}

.SingleComponentQuantity {
    float: left;
    padding-right: 5px;
}

/*ACCESSORIES*/
.ShellAccessories {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

    .ShellAccessories.Vertical {
        width: 170px;
        padding: 0 3px;
        float: right;
    }

.AccessoriesLabel {
    padding: 5px 0 0;
    width: 100%;
}

.ShellAccessories div.Accessories {
    float: left;
    padding-bottom: 5px;
    width: 100%;
}

.Accessories ul{
    list-style-type: none;
}

.ShellAccessories.ShellCarousel .jcarousel-clip-horizontal {
    border-right: none;
}

.Accessory {
    float: left;
    margin: 0 20px 0 0;
    width: 240px;
}

    .Accessory .nbs-flexisel-item {
        margin-right: 0;
    }

.AccessoriesInstructions {
    float: left;
    width: 100%;
    font-size: .75em;
    line-height: 1em;
    padding: 5px 5px 0 0;
    margin-bottom:10px;
}

.ShellCheckBox {
    position: absolute;
    top: 5px;
    left: 5px;
}

.ShellTextBox {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
}

    .ShellTextBox input {
        width: 100px;
        clear: right;
        margin-left: 5px;
    }


.Accessories .ShellAccessoryTemplate {
    min-width: 135px;
    text-align: center;
    float: left;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    box-shadow: 1px 1px 2px #ccc;
    min-height: 190px;
    padding: 5px;
    margin: 2px;
    margin-bottom: 8px;
    width: 100%;
}

    .Accessories .ShellAccessoryTemplate:hover {
        box-shadow: 1px 1px 2px rgba(102, 175, 233, 0.6);
    }

    .Accessories .ShellAccessoryTemplate.Selected {
        box-shadow: 2px 2px 5px rgba(102, 175, 233, 0.6);
    }

.Accessories .ShellTemplate {
    position: relative;
}

.Accessories .TemplateIcons {
position:absolute;
right:-5px;
top:-5px;
}

.Accessories .TemplateTitle {
    width: 100%;
    display: block;
    padding-top: 3px;
    overflow: hidden;
}

.Accessories .TemplateImage {
    height: 100%;
    overflow: hidden;
    overflow: hidden;
    width: 100%;
    display: block;
    padding-top: 3px;
}

.icon-arrow-right2::before, .icon-arrow-left2::before {
    color: black;
}

.ShellAccessories.ShellCarousel img {
    max-width: 100%;
    height: auto !important;
}

.ScrollLeft {
    display: none;
}

.ShellAccessories.ShellCarousel .ScrollLeft {
    float: left;
    clear: both;
    cursor: pointer;
    display: block;
}

.ScrollLeft img {
    width: 29px;
    padding: 60px 0;
}

.ScrollRight {
    display: none;
}

.ShellAccessories.ShellCarousel .ScrollRight {
    float: left;
    cursor: pointer;
    display: block;
}

.ScrollRight img {
    width: 29px;
    padding: 60px 0;
}

.ShellImages .PhotoGallery .galleria-image-nav {
    display: none;
}

.SocialMedia {
    float: left;
    width: 100%;
    clear: both;
    padding-top: 10px;
}

.TabLongDescription {
    padding: .1em 1.4em;
}

.LongDescription {
    padding-top: 15px;
}

.nav-tabs > li > a {
    color: black;
}

.ItemReviews {
    padding-top: 15px;
}

div.ShellCarousel .jcarousel-next-disabled-horizontal,
div.ShellCarousel .jcarousel-next-disabled-horizontal:hover,
div.ShellCarousel .jcarousel-next-disabled-horizontal:focus,
div.ShellCarousel .jcarousel-next-disabled-horizontal:active,
div.ShellCarousel .jcarousel-prev-disabled-horizontal,
div.ShellCarousel .jcarousel-prev-disabled-horizontal:hover,
div.ShellCarousel .jcarousel-prev-disabled-horizontal:focus,
div.ShellCarousel .jcarousel-prev-disabled-horizontal:active {
    display: none !important;
}

.ShellCarousel .jcarousel-next-horizontal,
.ShellCarousel .jcarousel-prev-horizontal {
    background: none !important;
}




.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    padding:5px 0;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
}

.Accessories > .ShellAccessoryTemplate {
    float: left;
    max-width: 230px;
    margin: 0 20px 0 0;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding: 5px 10px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 40%;
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.nbs-flexisel-nav-left {
    left: 10px;
}

    .nbs-flexisel-nav-left:before {
        content: "<";
    }

    .nbs-flexisel-nav-left.disabled {
        opacity: 0.4;
    }

.nbs-flexisel-nav-right {
    right: 5px;
}

    .nbs-flexisel-nav-right:before {
        content: ">";
    }

    .nbs-flexisel-nav-right.disabled {
        opacity: 0.4;
    }
@media (max-width: 750px) {
    .ShellDetail .ShellImages {
        max-width: 300px;
    }

    .ShellTabsAccessories .ShellItemTabs {
        width: 100%;
        float: left;
    }

        .ShellTabsAccessories .ShellItemTabs.Wide {
            display: block;
        }


    .ShellTabsAccessories .ShellAccessories {
        width: 100%;
    }

        .ShellTabsAccessories .ShellAccessories.Vertical .AccessoriesLabel {
            border-top: 1px solid #CCCCCC;
        }

        .ShellTabsAccessories .ShellAccessories.Vertical .Accessories {
            text-align: center;
            width: 100%;
        }

            .ShellTabsAccessories .ShellAccessories.Vertical .Accessories .ShellAccessoryTemplate {
                text-align: center;
                float: none;
                display: inline-block;
            }

    .ShortDescription .PdfSection > div {
        float: none;
        padding-top: 0;
    }

    .ShortDescription .PdfSection {
        padding: 10px;
    }
}

@media (max-width: 600px) {
    .ShellDetail .ShellImages {
        max-width: 230px;
    }
}

@media (max-width: 550px) {
    .ShellDetail .ShellImages {
        text-align: center;
        display: block;
        float: left;
        width: 100%;
        padding-bottom: 20px;
        max-width: 100%;
    }

        .ShellDetail .ShellImages.SingleImage a img {
            max-width: 100%;
        }

    .ShellDetailPrice {
        display: block;
        float: left;
        width: 100%;
        padding: 0;
    }

    .ShellItemTabs .ui-tabs-nav > li {
        float: left;
        width: 100%;
        border: none;
    }

        .ShellItemTabs .ui-tabs-nav > li.ui-tabs-active {
            background: #CCCCCC;
        }

    .ShellPriceBox {
        max-width: 100%;
        padding: 5px;
    }

        .ShellPriceBox .AddToCartControls {
            width: 100%;
        }

    .ProductAttributes5 .ShellInfoBox, .item1 .ShellInfoBox, .ProductAttributes5 .ShellPriceBox, .item1 .ShellPriceBox {
        width: 100%;
        clear: both;
    }
}
@media print{
    .ShellHeader, .ShellFooter, .ShellLeftSidebar, ShellRightSidebar {
        display: none;
    }
    .ShellMain{
        left:0;
        width:100%;
        margin-left:0;
        padding-left:0px;
    }
}