/*************************
/* LAYOUT */

html {
  position: relative;
  min-height: 100%;
}

body {
    padding-top: 0px;
    margin-bottom: 90px;
    font-size: .9em;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 50px;
    color: #999;
    font-size: .8em;
}


/*************************
/* TOP BANNER */
.storefront_bg{
    padding-top:40px;
    background-image: url("../../../media/common/images/shop_front_bg.jpg");
}

.storefront_text{
    color:#ccc;
    margin-top:10px;
    font-size: 3.2em
}


.storefront{
/*    background-image: url("../../../media/common/images/shop_front.jpg");*/
    background-image: url("../../../media/common/images/shop_front.jpg");
    background-size: cover;
    margin-bottom: 0px;
}


.storefront .container{
    min-height:400px;
}


.hover_gray_bg:hover{
    background-color: #ddd;
}

/*************************
/* FOOTER BANNER */
#footer_credits{
    position: relative;
/*     background-color:#444; */
    color:#ddd;
    padding-top: 8px;
    padding-left:15px;
    padding-right:15px;
    height:50px;
}



/*************************
/* FORMATTING */
/*
.navbar{
    padding: 0px;
}
*/

.content{
    margin-bottom: 24px;
}

.pad_right_sm{
    padding-right: 3px;
}
.pad_left_sm{
    padding-left: 3px;
}

#sysMsgBox{
    margin-bottom: 0rem;
}

.hiddenPic, .hide {
    display:none;
}

.clickable{
    color: #007bff;;
    cursor: pointer;
}