/* ==========================================================================
   PBSA custom styles
   ========================================================================== */

/* General */
.navbar{ border-top:.4em solid #AB0013; border-bottom:1em solid #6E0E1A; border-radius:0;}
.navbar-brand{ height:170px; padding:1em 0em 15px 15px;}
.cartBasket{ color:#fff;}
.cartBasket:hover{ color:#8FD60C}
.navbar{ margin-bottom: 10px !important;}
.imgThumb{ width: 180px; height: 180px;}
.textleft{ text-align: left;}
.bg-info{ padding:15px;}
.center-block{ text-align: center; width:100%; margin:1em auto;}
.modalBackground{background-color:Gray;filter: alpha(opacity=70);opacity: 0.7}
.th-Right{ text-align: right !important;}
.label{ font-weight:normal !important;}
.caption{ padding-top: 0px !important;}
.caption h3, .caption h4{ margin: 0px;}
.caption h4{ margin-bottom:.5em;}

.list-group{ border: 1px solid #ddd; }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-image: linear-gradient(to bottom, #3c3c3c  0px, #222 100%);
    background-repeat: repeat-x;
    border-color: #222;
    text-shadow: 0 -1px 0 #222;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #222;
    border-color: #222;
    color: #fff;
    z-index: 2;
}
.label{ font-weight:normal !important;}
.caption{ padding-top: 0px !important;}
.caption h3, .caption h4{ margin: 0px;}
.caption h4{ margin-bottom:.5em;}
.panel-primary { border-color: #333;}
.panel-primary > .panel-heading {
    background-image: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%);
    background-repeat: repeat-x;
    border-color:#333;
}
#sidebar .list-group{ margin-top:0px;}
.donationBox .input-group-addon{background-color: #F2DEDE;}


/* Tree View */
.tree{  width:100%;padding-left: 1em !important;}
.tree a{font-size:15px; color:#3c3c3c; font-weight:bold;}
.tree td{ vertical-align:middle; padding-top:10px; padding-bottom:10px;text-transform:capitalize; text-align:left; }
.treeHover {color:#C53430;}
.treeHover a:hover{ color:#C53430 !important; text-decoration:none!important; }
.treeSelected a{color:#C53430 !important;font-size:15px !important; text-decoration:underline !important; font-weight:bold }
.ctl00_tvCategories_1{ width: 100%;} /* this allows the look of bottom borders stretching right across*/
.tree a[id^="ctl00_tvCategoriesn"] { border-bottom:0px !important;}

/******************** Progress Panel Styles *****************************/
.progressPanel{top: 45%;left: 38%;position: absolute;background-color: #fff;position: fixed;z-index: 10002;border: solid 1px #7a7a7a;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.progressPanel_layout{width: auto;color: #7a7a7a;text-align: center;margin: auto;padding:2em;}
.progressPanel_layout span{position: relative;padding-left: .5em; padding-right:.5em;}

/* Flex Nav */

.flexnav, .flexnav li ul {margin:0px;padding:0px; box-sizing:content-box;}
/* ------------------Flexnav Base Styles---------------------- */
.flexnav {-webkit-transition: none;-moz-transition: none;-ms-transition: none;transition: none;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;width: 100%;max-height: 0; }
.flexnav.opacity {opacity: 0; }
.flexnav.flexnav-show {max-height: 2000px;opacity: 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out; }
.flexnav li {position: relative;overflow: hidden; }
.flexnav li a {position: relative;display: block;padding: .96em;z-index: 2;overflow: hidden;text-transform:uppercase;letter-spacing:2px;text-decoration:none;border-bottom: 1px solid rgba(0, 0, 0, 0.15); color:#111;}
.flexnav li ul {width: 100%; }
.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden; }
.flexnav li ul.flexnav-show li {overflow: visible; }
.flexnav li ul li a {height:auto;padding-left:40px;display: block;background: #ddd; color:#111; }
.flexnav ul li ul li a {background: #bfbfbc; }
.flexnav ul li ul li ul li a {background: #cbcbc9; }
.flexnav .touch-button {position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 48px;display: inline-block;background: #acaca1;background: rgba(0, 0, 0, 0.05);text-align: center; }
.flexnav .touch-button:hover {cursor: pointer; }
.flexnav .touch-button .navicon {position: relative;top: 14px;font-size: 12px;color: #bbb; }

.menu-button {letter-spacing:2px;padding:8px 0px;text-align:center;display: block;color: #222222;cursor: pointer; font-size:2em;}
.menu-button .touch-button {display:none!important;background: transparent;position: absolute;z-index: 999;top: 0;left: 50%;margin-left:50px;width: 50px;height: 50px;display: inline-block;text-align: center; }
.menu-button .touch-button .navicon {font-size: 16px;position: relative;top: 1em;color: #ccc;}
/* ------------------END Flexnav Base Styles---------------------- */
/* 780 - 960: Landscape IPad and Small Desktop Browser */
@media all and (min-width:768px) 
{
	.flexnav {display: none; }
	.menu-button {display: none; } 
	.donation{ padding-right:0px;}
}

@media all and (max-width:400px)
{
	.navbar-brand { max-width: 80%; padding-top:1em 0 0 .5em;}
	.navbar-brand img{ max-width: 100%;}
}