/* ==========================================================================
   Custom styles
   ========================================================================== */
h1, h2, h3, h4, h5, h6, .btn {
	font-family: 'Merriweather Sans', sans-serif;
}
.gray {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(50%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ 
}
.navbar-inverse { background:rgba(0,0,0,.7); }
.navbar-brand { padding:10px 15px; }
.table tbody>tr>td.vert-align{ vertical-align: middle; }
.navbar .navbar-right a { color:#FFF; }
header.header {	
	margin:0 0 20px 0;
	position: relative;
	padding: 40px 0;
	color: #fff;
	text-align: center;
	overflow:hidden;
	text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
	background: #07538d;
	background: -moz-linear-gradient(45deg, #09a274 0%, #222222 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#09a274), color-stop(100%,#222222));
	background: -webkit-linear-gradient(45deg, #09a274 0%,#222222 100%);
	background: -o-linear-gradient(45deg, #09a274 0%,#222222 100%);
	background: -ms-linear-gradient(45deg, #09a274 0%,#222222 100%);
	background: linear-gradient(45deg, #09a274 0%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09a274', endColorstr='#222222',GradientType=1 );
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
@media (min-width: 1200px) {
	header.header {
		height:300px;
	}
}
header.header div.container{
	position:relative;
	z-index:2;
}
header.subhead {
	text-align: left;
	border-bottom: 1px solid #ddd;
}
header.subhead h1 { line-height:40px; margin:50px 0 0 0; font-size:3em; }
header.subhead div.lead { padding:8px 12px 10px 12px; background:rgba(0,0,0,0.75); display:inline; border-radius:4px; }
header.subhead div.lead a { text-shadow:0 0 0 #FFF;}
header.subhead div.lead .btn-group { vertical-align:text-bottom; }
header.header.takata{
	background: #07538d;
	background: -moz-linear-gradient(45deg, #09a274 0%, #222222 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#09a274), color-stop(100%,#222222));
	background: -webkit-linear-gradient(45deg, #09a274 0%,#222222 100%);
	background: -o-linear-gradient(45deg, #09a274 0%,#222222 100%);
	background: -ms-linear-gradient(45deg, #09a274 0%,#222222 100%);
	background: linear-gradient(45deg, #09a274 0%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09a274', endColorstr='#222222',GradientType=1 );
}
header img.product{
	position:absolute;
	right:-1%;
	top:-10px;
	z-index:1;
}
@media (min-width: 1780px) {
	header img.product{
		zoom:1.2;
	}
}
@media (max-width: 768px) {
	header.subhead h1{
		line-height:50px;
	}
	.navbar-inverse{
		background:rgba(0,0,0,1);
	}
	header img.product{
		zoom:0.6;
	}
}
@media (max-width: 568px) {
	header.subhead h1{
		font-size:2em;
	}
}
@media (max-width: 320px) {
	header.header{
		padding:0;
	}
	header.subhead h1{
		font-size:1.5em;
	}
	header.subhead p.lead {
		font-size:12px;
	}
}

div.form-search{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
.btn-success{ background-color:#09a274; border-color:#09a274; } 
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled]{
	background-color:#09a274; color:#000;
}
.open >.dropdown-toggle.btn-success{
	background-color:#09a274;
}
#likebox-wrapper * {
   width: 100% !important;
}
/* 
 * not working anymore with the new Facebook page box - 03-04-2015  
 * Question asked on stackoverflow: http://stackoverflow.com/questions/29429296/responsive-width-facebook-page-plugin
 *
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {width: 100% !important;} 
*/