@charset "UTF-8";
/* CSS Document */

html, body {
   height: 100%;
   font-family:verdana,arial,sans-serif;
   color:#555555; /* body color */
}

.nav {
   font-family:Arial,sans-serif;
   font-size:13px;
}
/* body link color start*/
a {
  color:#990000; 
}
/* body link color end*/
a:hover {
  text-decoration:none;
}

hr {
  border-color:#dedede;
}

.wrapper, .row {
   height: 100%;
   margin-left:0;
   margin-right:0;
   -webkit-overflow-scrolling: touch;
   	/* important:  dimensions or positioning here! - MBC ADD TO FIX IFRAME SCROLL*/
   	/*    	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;*/
}

.wrapper:before, .wrapper:after,
.column:before, .column:after {
    content: "";
    display: table;
}

.wrapper:after,
.column:after {
    clear: both;
}

.column {
    height: 100%;
    overflow: auto;
    *zoom:1;
}

.column .padding {
    padding: 8px;
}

.full{
	padding-top:70px;
}

.cart-padding{
	padding-top:16px;
}
.cart-full{
	padding-top:70px;
}

.box {
  	bottom: 0; /* increase for footer use */
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color:#444444;
  /*
    background-image:url('/assets/example/bg_suburb.jpg');
    background-size:cover;
    background-attachment:fixed;
  */
}

.divider {
	margin-top:32px;
}

.navbar-blue {
    border-width:0;
	background-color:#9ec7ed; /* Header Background Color */
    color:#ffffff; /* Header Text Color */
    font-family:arial,sans-serif;
    top:0;
    position:fixed;
    width:inherit;
}

.navbar-left {
    color:#000000; /* Search box */
}

.navbar-blue li > a,.navbar-toggle  {
   color:#336600; /* Header drop down box text color */
}

.navbar-blue .dropdown-menu li a {color:#336600;} /* Header dropdown menu Color - below header color */
.navbar-blue .dropdown-menu li > a {padding-left:30px;}

.navbar-blue li>a:hover, .navbar-blue li>a:focus, .navbar-blue .open, .navbar-blue .open>a, .navbar-blue .open>a:hover, .navbar-blue .open>a:focus {
   background-color:#a9d5f9; /* Header dropdown Box darker/lighter Color */
   color:#336600;
}

#main {
   background-color:#FFFFFF;
   padding-left:0;
   padding-right:0;
}
/* #main .img-circle {
   margin-top:18px;
   height:70px;
   width:70px;
} */

#sidebar {
    padding:0px;
	padding-top:15px;
}

#sidebar, #sidebar a, #sidebar-footer a {
    color:#ffffff;
    background-color:transparent;
	text-shadow:0 0 2px #000000;
    padding-left:5px;
}
#sidebar .nav li>a:hover {
    background-color:#393939;
}

.logo {
  display:block;
  padding:0px;
  background-color:#9ec7ed;/* Header Background Color */
  color:#99ffcc;/* Header Background Color */
  height:64px;
  width:161px;
  margin:9px;
  margin-right:2px;
  margin-left:15px;
  font-size:20px;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  text-shadow:0 0 1px;
  border-radius:2px;
}
#sidebar-footer {
  background-color:#444;
  position:absolute;
  bottom:5px;
  padding:5px;
}
#footer {
  margin-bottom:20px;
}

/* bootstrap overrides */

h1 { 
/*    font-size:30px;
    line-height:36px; */
}
h1 small {
    font-size:18px;
}

h1,h2,h3 {
   font-weight:800; 
   font-size:18px; /* added to make h1, 2, 3 smaller */
   padding:0px;
   margin: 0px;
}

.navbar-toggle, .close {
	outline:0;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}

.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus  {
	background-color:#0251a1; /* Header Background Color */
    color:#fffffe;
}
.btn-default {
    color:#666666;
    text-shadow:0 0 1px rgba(0,0,0,.3);
}
.form-control {
	
}

.panel textarea, .well textarea, textarea.form-control
{
   resize: none;
}
  
.badge{
   color:#0251a1; /* Header Background Color */
   background-color:#fff;
}
.badge:hover, .badge-inverse{
   background-color:#0251a1; /* Header Background Color */
   color:#fff;
}
    
.jumbotron {
  background-color:transparent;
}
.label-default {
  background-color:#dddddd;
}
.page-header {
  margin-top: 55px;
  padding-top: 9px;
  border-top:1px solid #eeeeee;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2px;
}

.panel-default .panel-heading {
  background-color:#f9fafb;
  color:#555555;
}

.col-sm-9.full {
    width: 100%;
}

.modal-header, .modal-footer {
	background-color:#f2f2f2;
    font-weight:800;
    font-size:12px;
}

.modal-footer i, .well i {
    font-size:20px;
    color:#c0c0c0;
}

.modal-body {
	padding:0px;
}

.modal-body textarea.form-control
{
   resize: none;
   border:0;
   box-shadow:0 0 0;
}

small.text-muted {
  font-family:courier,courier-new,monospace;
}

html.translated-ltr .navbar-inner, html.translated-ltr .navbar-inner { padding-top: 39px; }

/* MBC */	

.profile-label {
	color:#FF0000;
	font-style: normal;
	font-weight: bold;	
}

.anchor:before { 
	display: block; 
	content: " "; 
	height: 80px;      /* Give height of your fixed element */
	margin-top: -80px; /* Give negative margin of your fixed element */  	
	visibility: hidden; 
}

/* MBC Photo Gallery Start */
/* THUMBNAILS */
.thum-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.thum-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	width: 170px;
	height: 200px;
	border:1px solid #999
}  
.thum-grid p {
	font-size:12px;
}

/* IMAGES */

.img-grid {
	
}

.img-grid h1 {
font-size:12px;
line-height:14px;	
}

/* MBC Photo Gallery End */

.yellowbox-frame {
	border:0 none;
	overflow-y:hidden;
	margin:0;
	height:190px;
	width:190px;
	padding:0px;
}

.yellowbox-framem {
	border:0 none;
	overflow-y:hidden;
	margin:0;
	height:25;
	width:100px;
	padding:0px;
}

.brcgi200-frame {
	height:210px;
	width:200px;
	margin:0;
	overflow-y:hidden;
	border:0 none;
	padding:0px;
}

label.required-field:before {
    content: "* ";
    color: red;
 }

/* MBC MultiKey */
.multikeytitle {

}

.multikeytitle li {
	font-weight: bold;
	width: 100%;
}

.multikey {

}

.multikey994 {

}

.multikey994 div{
    border-top:1px solid #dedede;
/*     padding:8px;*/
}
.bshome div{
    border-top:1px solid #dedede;
/*     padding:8px;*/
}


.headerfull{
	padding-top:85px;
  }

/* adjust the contents on smaller devices */
@media (max-width: 768px) {


  .column .padding {
    padding: 7px;
  }

  .full{
	padding-top:20px;
  }
  
	.column .cart-padding{
	padding: 7px;
}
  
  
  .headerfull{
	padding-top:1px;
  }
/* 768px Header Background Color */
  .navbar-blue {
	background-color:#9ec7ed; /* Header Background Color */
    top:0;
    width:100%;
    position:relative;
  }
  
  .jumbo {
  padding: 0px;
}

.col-sm-9.full {
    padding: 0px;
}
}

/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vertically-center
{
    display: table;

    width: 398px;  /* optional */
    height: 85px; /* optional */
}

.vertically-center > div
{
    display: table-cell;
    vertical-align: middle;
}
/*
 * off canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left.active {
    left: 33%;
  }

  .row-offcanvas-left.active .sidebar-offcanvas {
    left: -33%;
    position: absolute;
    top: 0;
    width: 33%;
    margin-left: 5px;
  }

  #sidebar, #sidebar a, #sidebar-footer a {
    padding-left:3px;
  }
  
  }
  
/* --- BOOTSTRAP FBOX ---- */
@media only screen and (min-width : 481px) {
  .flex-box.row {
    display: flex;
	 flex-wrap: wrap;
  }
  .flex-box.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  .flex-box.row:after, 
  .flex-box.row:before {
	 display: flex;
  }
  .flex-box.row > [class*='col-'] > .box {
    display: flex;
	 flex: 1;
  }
}

/* fill columns height */
.flex-box .thumbnail,
.flex-box .caption {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
}

/* Text Container */
.flex-box .caption p.flex-text {
	flex-grow: 1;
}

/* Responsive Image */
.flex-box img {
	width: 100%;
	height: auto;
}
/* --- BOOTSTRAP FBOX ----*/