﻿
body {
    border-top: 3px solid #755296;
}

/* prevent carousel image 'stretching' on large screens */
#wrap {
    max-width: 1800px
}

legend, .legend {
    font-weight: 800;
}

h4 {
    font-size: 21px;
    font-weight: 600;
}



/*Titles*/
#header-subtitle {
    /*.h4;*/
    text-align: center;
    margin: 2px auto;
    color: #49176e;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/*Logo*/
#header-logo {
    width: 300px;
    margin: 5px auto 20px auto;
}


/*top nav formatting*/
.navbar-default.navextra {
    border-top: 2px solid #755296;
}

#header-nav {
    /*border-top: 2px solid #49176e;*/
    /*    max-width: 850px;
    padding: 0;*/
}

.navtop ul li a {
    text-transform: uppercase;
}

#navbar-main-menu > ul > li {
    font-weight: 600;
}

    #navbar-main-menu > ul > li > a:hover {
        font-weight: 500;
    }

/* NAVIGATION - Toggle button ('hamburger') */
button.navbar-toggle {
    position: absolute;
    top: -145px;
    right: 0;
}

    button.navbar-toggle.toggle-compact {
        position: relative;
        top: auto;
        right: auto;
    }

#itemArea {
    left: 302px;
    /*left: 260px;*/
}

button.navbar-toggle {
    background-color: #49176e;
}

    button.navbar-toggle:focus, button.navbar-toggle:hover {
        background-color: #48295f !important;
        border: 1px solid #000000;
    }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}


/*HOME - CAROUSEL*/
#LayoutContainer {
    /*background: rgba(239, 238, 245, 0.76) url('../images/wnw-slice.jpg') no-repeat top center;*/
    /*background-color: rgba(239, 238, 245, 0.76);*/
    background-color: transparent;
    padding-top: 20px;
    padding-bottom: 00px;
    min-height: 660px;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 00px;
}

#filler {
    height: 10px;
}

.smallitemQty {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
}
/* CHECKOUT */
.cositext {
    max-width: none;
}

.printorderheader {
    margin-top: 10px;
}

.printordercarriage {
    text-align: right;
    font-weight: 600;
    margin-bottom: 10px;
}

.infocontainer {
    /*background: url('../Images/User/PageBackGround.jpg') repeat;*/
    min-height: 650px;
    height: 100%;
    width: 100%;
    padding: 20px;
}

.infotext {
    color: #49176e;
}

.intotext {
    color: #49176e;
}

/* Brochure */
/*Pad out Brochure*/
#magazine-canvas {
    top: 300px !important;
}

/*Override BrochurePage view css*/
.magazine-viewport {
    max-height: 700px !important;
}

#tiles {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
}





.detailBody {
    /*.row;*/
    /*background-color: rgba(239, 238, 245, 0.76);*/
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    min-height: 650px;
}

.navbar-default {
    background-color: transparent;
}

    .navbar-default .navbar-nav > li > a {
        color: #49176e;
    }

#navbar-main-menu > ul > li > a:hover {
    color: #49176e;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus {
    color: #49176e;
    background-color: transparent;
}

.headlinedetails {
    color: #49176e;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

#footer, #footer a {
    color: #ffffff;
}

/*adjust height of links in top nav*/
#navbar-main-menu {
    padding: 5px 0 0 0;
}

.nav > li > a {
    padding: 5px 10px !important;
}

/*CAROUSEL*/
/*.carousel {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    margin-bottom: 20px;
}*/

/*.carousel-inner > .item > img {
    max-width: 1200px;
}*/
/* carousel clickable 'dots' */
.carousel-indicators {
    bottom: -40px;
}

    .carousel-indicators > li {
        background-color: #d9d9d9 !important;
    }

    .carousel-indicators .active {
        background-color: #AAA !important;
    }

/*STORE*/
/* filterbar*/
.filterlist > .panel-heading {
    background-color: #755296;
    color: #ffffff
}

.panel-default > .panel-heading, .panel-footer {
    background-color: #f9f9f9; /* #755296; */
    border-color: white; /* #755296;*/
    color: black;
}

.designsquare {
    width: 172px;
    height: 240px;
}

.designsquareimagebox {
    width: 168px;
    height: 144px;
}

.designsquareimage {
    border: none;
}

.designsquareimage {
    max-width: 165px;
    max-height: 130px;
}

.designsquareinfo {
    text-align: left;
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
    justify-content: space-around;
}

.designsquaresmallitemQty {
    font-size: 12px;
}

/*STORE - Details */
#designpopup .modal-dialog .modal-content {
    background-color: rgba(239,238,245);
}

.divtableheader {
    color: #ffffff;
}

#shopleftsidebar {
    background-color: transparent !important;
    width: 300px;
}

/*.filtertable:hover {
    max-height: 400px;
    transition: all 0.1s ease;
}*/


.largeimage {
    max-height: 480px;
}

.mediumimage, .mediumImage {
    max-width: 400px;
}

#box {
    border: 1px solid #333;
}



/*Fix oversizing in mobile/sm view*/
@media (max-width: 768px) {
    #navbar-main-menu > .navbar-nav {
        margin-left: 15px !important;
        margin-right: 15px !important;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 768px) {
    #header-nav {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    #footer {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

/*Top Nav - Shop button*/
.navbar-header > a.CMDefaultBtn:hover {
    background-color: #48295f !important;
    text-decoration: none;
}

/* Fix padding */
@media(max-width: 767px) {
    #footer {
        margin: 0;
        padding: 0;
    }

    #myCarouselWrap {
        margin: 0;
        padding: 0;
    }

    .tilecontainer {
        padding: 0;
        margin: 0;
    }

    .detailBodyWide {
    }

    #bodycontent {
    }
}


li#checkoutlink a,
li#wishlistlink a {
    color: #49176e;
    cursor: pointer;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color:transparent;
}


.Ranges-img{
    max-width:295px;
}