/* Bongo4U Sample CSS File */

/*
Primary colour - Red:  #b60019
Secondary colour - Blue: #488abd
Yellow - #fdc700
*/


/*
   Import Common CSS for All Sites.
*/


/*
   Import Menu for Top
*/
@import url(top_menu_horizontal.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);

/* 
   First, define all the basic tags.

*/
.b4u_admin {
	padding:0;
	margin:0 15px;
	z-index:999;
	clear:left;
}

html{
	margin:0 auto;
	padding:0;
}

body {
	margin:0 auto;
	padding:0;
	width:100%;
	background:#FFF url("../images/_system/Christkndl_BG2016.jpg") no-repeat fixed center top / cover ;
	position:relative;
}
#layout_default {
  position: relative;
  width: 100%;
  z-index: 0;
}
.container {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

h1, h2, h3, h4, h5, h6, th {
	font-weight: normal;
}

dt, label, .error_message, input.submit {
	color:#333;
}

td p, dd, th, table {
	color: #4C4C4C;
}

.b4u_pagetitle h2 {
	display:none;
}

h1 {
  color: #c6093b;
  font-family: 'Lobster', cursive;
  font-size: 2.25em;
  font-weight: bold;
  line-height: 1.25em;
  padding: 0;
}

h2 {
  border-bottom: thin solid;
  color: #906200;
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1.25em;
  margin: 10px 0 10px;
	clear: both;
}
h3 {
  color: #666;
  font-size: 1.25em;
  line-height: 1.25em;
  margin: .5em 0;
}
h4 {
	font-size:1.125em;
	color:#ed2224;
	line-height:1em;
}
h5{
	font-size:1em;
	letter-spacing:-0.5px;
	color:#333;
	font-weight:bold;
	line-height:1em;
}
h6 {
  color: #666;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1em;
  padding: 5px;
}

blockquote {
  border-left: medium none;
  color: #666;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.b4u_testimonialdisplay_entry {
	max-width:1200px;
	width:100%;
}

blockquote h6{
font-size:13px;
font-weight:bold;
background:none;
color:#ed2224;
padding:0;
margin:0;
margin-top:10px;
margin-right:10px;
}

img {
   border: 0;
}

#b4u_middle li {
	color: #333;
	margin:0;
}

.b4u_view .b4u_content a:link, .b4u_view .b4u_content a:visited {
	color:#ed2224;
}

.b4u_view .b4u_content a:hover, .b4u_view .b4u_content a:active {
color:#333;
}

hr {
	font-size: 0px;
	color: #FEC424;
	background-color: #e4e4e4;
	border: none;
	height: 2px;
	line-height: 0px;
	clear: both;
}

input.submit {
   font-weight: bold;
   font-size: larger;
   color: #000;
   background-color: #fff;
   border: thin black solid;
}

/********* BONGO4U RESPOSIVE PRESETS   *************/
input[type="radio"], input[type="checkbox"] {
	margin: 0 4px 4px 0;
}
.b4u_logo{
	float:left;
}
.b4u_text_columns{
	/*columns:2;
	-moz-columns:2;
	-webkit-columns:2;*/
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mejs-container.b4u_audio_tags.mejs-audio {
  width: 100% !important;
}
/* FACEBOOK LIKE BOX RESP */
#fb-root {
  display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}
.ghostbutton {
	font-weight: bold;
	font-size: 1.25em;
	border: solid 2px;
	padding: .5em 1em;
	text-decoration: none;
}
.ghostbutton:hover {
	text-decoration: none;
	color: #FFF !important;
	padding: .5em 1em;
	background: #ed2224;
}
/* 
   Second, define the page structure.
   
   The default Bongo4U template divides the page with three <div> tags.
   Each is identified by an id:
      b4u_top
         - a series of Content Block divs (described below)
      b4u_middle
         - a series of Content Block divs (described below)
      b4u_bottom
         - a series of Content Block divs (described below)
*/


/**************************************
*******         TOP        ***********
**************************************/
#b4u_top {
	float: left;
	width: 100%;
	color:#FFFFFF;
	font-size: 1em;
	position:relative;
}
#home_link {
  float: left;
  left: -40px;
  max-width: 240px;
  position: absolute;
  z-index: 10;
}
#home_link a:hover{
	text-decoration:none;
	border:0;
}
#b4u_top_newssub {
	background: -moz-linear-gradient(left,  rgba(198,9,59,0) 0%, rgba(198,9,59,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(198,9,59,0) 0%,rgba(198,9,59,1) 100%);
	background: linear-gradient(to right,  rgba(198,9,59,0) 0%,rgba(198,9,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6093b', endColorstr='#c6093b',GradientType=1 );
  float: right;
  margin: 0 0 32px;
  padding: 0 10px 0 8%;
  visibility:hidden;
}
#b4u_top_newssub > h2 {
  border: medium none;
  color: white;
  font-size: 11pt;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  text-shadow: 1px 1px 3px #000;
}
/***** SEARCH BOX *****/
.b4u_sitesearch_box {
  clear: right;
  float: right;
}
.b4u_sitesearch_box form{
	margin:0;
}
.b4u_sitesearch_box_input input{
	background:#FFF;
	padding:4px 3px 4px 8px;
	color:#666;
	max-width: 180px;
}
#b4u_top .b4u_social {
  float: right;
  margin: -6px 1em 0 0;
  min-height: 1em;
}
#b4u_top .b4u_social br{
	display:none;
}
#b4u_top .b4u_social .social_options_table_style {
	margin:0;
}
#nav_bg {
  background: none repeat scroll 0 0 #343434;
  display: block;
  left: 0;
  min-height: 59px;
  position: absolute;
  top: 112px;
  width: 100%;
  z-index: -1;
}
#ribbon_side{
	position:absolute;
	right:-32px;
	top:179px;
}
#b4u_top .b4u_slideshow {
  clear: both;
  margin: 0;
  padding: 0;
}
#b4u_top .b4u_slideshow .carousel{
	margin-bottom:0 !important;
}

#b4u_top .b4u_countdown {
  float: left;
  margin: 0 0 0 15%;
}
#b4u_top .b4u_view .b4u_countdown .b4u_content {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #000000;
  font-family: "Times New Roman",Times,serif;
  font-size: 14pt;
  font-style: italic;
  line-height: 1em;
  margin: 0 auto;
  padding: 3px 0 0;
  text-align: left;
  vertical-align: middle;
}
#b4u_top .b4u_view .b4u_countdown .b4u_content .b4u_countdown_counter {
  border: medium none;
  color: black;
  display: inline-block;
  margin-bottom: 5px;
  text-shadow: none;
  vertical-align: text-top;
}
@media only screen and (min-width : 768px) and (max-width : 872px) {
	#home_link {
	  float: left;
	  max-width: 195px;
	  position: inherit;
	}
	#b4u_top .b4u_countdown {
	  float: right;
	  margin: 0;
		padding: 3px 5px 0 0;
	}
	#b4u_top .b4u_nav .b4u_content .nav-tabs {
		float: left;
		padding-left: 1em;
	}
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#home_link {
	  clear: both;
	  float: left;
	  position: inherit;
	  text-align: center;
	  width: 100%;
	  max-width:inherit;
	}
	#home_link img {max-width: 200px;}
	#b4u_top .b4u_nav .b4u_content .nav-tabs {
		float: left;
		padding-left: 1em;
	}
	#b4u_top_newssub {display:none;}
	.b4u_sitesearch_box {
		float:right;
		width:43%;
		margin: 1.5em 0 0 0;
	}
	.b4u_sitesearch_box_input input {
		max-width: 95px;
	}
	#b4u_top .b4u_social {
	  float: left;
	  margin: 1em 0.5em 0 0;
	}
	#b4u_top .b4u_countdown {
	  float: left;
	  margin: 5px auto;
	  padding: 0 2%;
	  width: 96%;
	}
	#b4u_top .b4u_view .b4u_countdown .b4u_content {font-size:12pt;}
	#b4u_top .b4u_view .b4u_countdown .b4u_content .b4u_countdown_counter{font-size:25px;}
	#b4u_top .b4u_view .b4u_countdown .b4u_content {text-align:center;}
}
/***** END TOP *****/

/**************************************
*******       MIDDLE        ***********
**************************************/
.row-fluid:nth-child(2){
	background: none repeat scroll 0 0 #fff;
}
.b4u_view .b4u_content img {}

#b4u_middle {
	background: none repeat scroll 0 0 #fff;
  float: left;
  margin: 0;
  max-width: 1200px;
  width: 100%;
}
#b4u_middle_wrapper {
  padding: 0px 10px 10px 10px;
}
#layout_default #b4u_middle {
	margin:7em 0 0;
}
#home .b4u_testimonialdisplay {display: none;}
#home h1{
	text-align:center;
	clear:both;
}
#home h1::before{ content:url(../images/_system/swirl_left.png);}
#home h1::after{ content:url(../images/_system/swirl_right.png);}
.redlabel_box {
  border: 2px solid #c6093b;
  margin: 1em 0;
  padding: 0 0 1em;
}
.redlabel_box h3 {
  background: #c6093b none repeat scroll 0 0;
  color: white;
  font-size: 1.25em;
  line-height: 1.125em;
  margin: 0 0 1em 0;
  padding: 10px 13px;
}
.big_box_item {
  border: thin solid #ddd;
  border-radius: 1.5em;
  margin: 1%;
  overflow: hidden;
  padding: 0;
}
.big_box_item img {
  max-height: 400px;
  width: 100%;
}
.big_box_item h2 {
  background: #c6093b none repeat scroll 0 0;
  color: white;
  margin: 0;
  padding: 1% 1em;
}
.big_box_item p { padding:0 1em;}
.morebutton {
  border: thin solid;
  border-radius: 1em;
  color: #FFF !important;
  display: block;
  float: right;
  margin: 1%;
  max-width: 15%;
  padding: 0.75rem;
  text-align: center;
  background:#999;
}
.morebutton::before{
	content: "\f138";
  font-family: FontAwesome;
  font-size: 0.7em;
  font-style: normal;
  font-weight: normal;
  margin: 0 6px 0 0;
  text-decoration: inherit;
}
.morebutton:hover {
	text-decoration:none;
	background:#FFF;
	color:#999 !important;
}
/* SLIDESHOW */
.carousel-indicators {
  left: inherit;
  right: 10px !important;
}
.carousel-indicators li {
	background:#b60019 !important;
}
.carousel-indicators .active {
	background:#fdc700 !important;
}
.b4u_slideshow .carousel{
	margin-bottom:0 !important;
}
.carousel .item > img {
  width: 100%;
}
#home_landing_image {
	text-align:center;
}
/* SLIDESHOW CAPTION */
.b4u_slideshow .b4u_content .b4u_slideshow_image_caption p {
	background:#F2F2F2;
	border:1px solid #E2E2E2;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding:15px 5px;
	margin:0 10px 0 0;
}
.carousel-caption a{
	color:#FFF !important;
}
/*carousel fade effect*/
.carousel.carousel-fade .item {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}
.carousel.carousel-fade .item active {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
  filter: alpha(opacity=0);/*IE compatibility*/
}
/*end fade*/
#b4u_middle .b4u_slideshow{clear:both;}
#b4u_middle .b4u_slideshow .item > img { /*makes images full width*/
  width: 100%;
}
/*Social Block*/
#b4u_middle .b4u_social {
	min-height:32px !important;
}
#b4u_middle .b4u_social iframe{
	width:90% !important;
}
#b4u_middle .b4u_view .b4u_content .social_options_table_style td {
	vertical-align: top !important;
}
#b4u_middle .b4u_social br {
	display:none;
	visibility:hidden;
}
/* end social block*/
#b4u_middle .b4u_content {}
#b4u_middle #b4u_sitesearch_result {
	background:#fffaf1;
	padding:1em;
}
#b4u_middle .b4u_slideshow .b4u_view .b4u_content img {
    width: 100%;
}
#surveybuttons {
/*	display:none;
  background: #fff3df none repeat scroll 0 0;*/
  padding: 0;
  text-align: center;
  margin:0;
}
#surveybuttons > a:hover{opacity:.75;}
#surveybuttons > a {
  /*display: inline-block;*/
  margin: 0 1%;
  vertical-align:top;
}
/* Downloads page -----------------------------*/
#downloads .span6{padding:2% 4%;}
#downloads .span6 h3 {
	margin:0;
	text-align:center;
}
.logo_format_list {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  min-height: 100px;
  list-style: outside none none;
  margin: 0 0 1em;
  padding: 0;
  width: 100%;
}
.logo_format_list li{
  flex: 1 1 auto;
  font-size: 1em;
  font-weight: bold;
  justify-content: center;
  flex-direction: row;
  text-align: center;
}
.logo_format_list li:first-child{
	flex:1 1 100%;
	padding-bottom:1em;
}
.logo_format_list a {
  background: #73123E;
  color: white !important;
  padding: .75em;
}
.logo_format_list a:hover {
  background: grey none repeat scroll 0 0;
  text-decoration:none;
}
@media only screen and (min-width : 768px) and (max-width : 872px) {
	#b4u_middle {
		padding:0;
	}
	#b4u_middle_wrapper{
		padding: 0 1em;
	}
	#home_right {
		max-width: 25%;
	}
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
	h1 {
		margin-top: 0;
		font-size: 1.75em;
	}
	h2 {
		font-size:1.125em;
	}
	#b4u_middle{ padding: 0 0 2em 0 !important; }
	#b4u_middle_wrapper {padding: 0 15px;}
	#home_right{
		clear:left;
		float:left;
		width:100%;
		max-width:97%;
		text-align:center;
	}
	#home h1::before, #home h1::after {display: none;}
	/* Force table to not be like tables anymore */
	.fluid_table {
		width:95%;
	}
	.fluid_table table, .fluid_table thead, .fluid_table tbody, .fluid_table th, .fluid_table td, .fluid_table tr { 
		display: block;
	}
	
	.product_page tr:first-child { 
		position: relative;
		top: 0;
		left: 0;
	}
	
	.fluid_table tr { border: none; }
	
	.fluid_table td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		min-height:1em;
	}	
	.fluid_table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		padding-right: 10px; 
		white-space: nowrap;
	}
}
/* Entertainers table 2014 */
.entertainers_table {
  border-bottom: medium solid #73113d;
  border-collapse: collapse;
  width: 100%;
}
.entertainers_table td {
  border: medium none;
  float: left;
  margin: 0.25em;
  min-height: 175px;
  padding: 10px;
  text-align: center !important;
  width: 16%;
}
.fivecolumns li {
  margin: 0 2% 2em !important;
  text-align: center;
  vertical-align: top;
  width: 20%;
}
.fivecolumns img {
  display: inline-block;
  margin: 0 auto;
}
.fivecolumns a {
  display: block;
  width: 100%;
}
@media only screen and (min-width : 768px) and (max-width : 980px) {
	.entertainers_table td{
		position: relative;
		width:28%;
	}
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#entertainers #b4u_middle_wrapper{
		padding:0 1em 2em 1em;
	}
	.entertainers_table td{
		position: relative;
		width: 40%;
		min-height: 1em;
		line-height: 1.25em;
	}
	.fivecolumns li {
	   width: 41%;
	}
}
/***** END MIDDLE *****/

/**************************************
*******       RIGHT        ***********
**************************************/
#b4u_right {
	padding: 1em 10px 0 0;
}
#b4u_right .b4u_view .b4u_countdown .b4u_content {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  border-radius: 0;
  font-size: 1em;
  line-height: 1.25em;
  margin: 0.25em 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
#b4u_right .b4u_view .b4u_countdown .b4u_content .b4u_countdown_counter {
  border: medium none;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.right_item{
	text-align:center;
	margin: 0 0 1.5em 0;
	position:relative;
	max-width: 270px;
}
#b4u_middle .right_item {
  display: inline-block;
  float: none;
  list-style: outside none none;
  margin: 0 1%;
  text-align: center;
  width: 22.5%;
}
.right_item a:hover{text-decoration:none;}
.right_item:hover img{opacity:.75;}
.right_item:hover span {
	background:#c6093b;
	color:white;
}
.right_item span {
  border-bottom: thin solid #ddd;
  border-radius: 0 0 15px 15px;
  color: #c6093b;
  display: block;
  font-family: "Lobster",cursive;
  font-size: 1.75em;
  font-weight: normal;
  padding: 5px 0 3% 5px;
  text-align: left;
  width: 98%;
}
.right_item span:before{
	content: "\f138";
  font-family: FontAwesome;
  font-size: 0.7em;
  font-style: normal;
  font-weight: normal;
  margin: 0 6px 0 0;
  text-decoration: inherit;
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#b4u_right { padding: 1em 0 0;}
	.right_item, #b4u_middle .right_item {
	  float: left;
	  margin: 0 2% 1.5em;
	  max-width: inherit;
	  width: 45%;
	}
	.right_item span {font-size: 1.25em;}
}
/***** END RIGHT *****/

/**************************************
*******       BOTTOM        ***********
**************************************/
#b4u_bottom {
  background: none repeat scroll 0 0 #fff;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  float: left;
  margin: 0 0 1em;
  max-width: 1200px;
  padding: 0;
  width: 100%;
}
.bottom_tagline{
	width:100%;
	text-align:center;
	background:#004890;
	border-bottom:#FFFFFF solid medium;
	padding: 1em 0;
	margin-bottom:1em;
}

.b4u_poweredby {
	float:right;
	clear:right;
	margin:1em 15px 0 0;
	padding-bottom:1em;
}
.b4u_testimonialdisplay {
	max-height: 125px;
	overflow: hidden;
}
#footer_hours{
	color:#FFFFFF;
	padding:0 1em;
	font-size:.85em;
	text-align:center;
	background: #C6093B;
}
#b4u_bottom_sponsors{
	float:left;
	clear:both;
	max-width:1200px;
	width:97%;
	padding: 0 1em;
	margin:0;
	text-align: center;
}
#b4u_bottom_sponsors img{
	margin-right: 15px;
}
#copyright {
  float: left;
  font-size: x-small;
  margin: 2em 0 0 3em;
}
.b4u_generic_disclaimer {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #FFFFFF;
  float: left;
  line-height: 1em;
  margin: 3.5em 0 0 15px;
  text-align: left;
}

/*BACK TO TOP BUTTON*/
#back-top {
  bottom: 30px;
  margin-left: 1160px;
  position: fixed;
}

#back-top a {
	width: 48px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	outline:none;
	
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 0;
	background: url("../images/_system/top_icon.svg") no-repeat center center;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	opacity:.75;
}
/*** END BACK TO TOP ****/
@media only screen and (min-width : 768px) and (max-width : 872px) {	
	#b4u_bottom{padding: 0 !important;}
	#b4u_bottom .b4u_nav{
		margin-right:0;
	}
	#b4u_bottom_sponsors{
		width:95%;
		text-align:center;
	}
	#b4u_bottom_sponsors img {
		padding:.3em;
		width: auto;
		max-height: 30px;
		float:none !important;
		margin-right: 0;
	}
	.b4u_poweredby{
		padding-right:15px;
	}
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#b4u_bottom{
		padding: 0;
		margin:0;
	}
	#footer_hours{
		padding:.5em;
		line-height:1.2em;
	}
	#b4u_bottom_sponsors{
		margin-top:1em;
		width:90%;
		text-align:center;
	}
	#b4u_bottom_sponsors img {
		padding:.25em 0;
		width: auto;
		max-height: 25px;
		float:none !important;
		margin-right: 0;
	}
	#copyright, .b4u_poweredby {
		margin: 1em 0 0 0;
		clear: both;
		width: 100%;
		text-align: center;
	}
}
/*** BOTTOM END ***/


/*
   Style the Content Blocks.
   
   Each Content Block is wrapped in its own <div> tag.
   As of 2005-10-13, there are 5 Content Blocks, with these class names:
      b4u_admin
         - either the login form, or the Page Menu
         - only present when logged in, or for this url: http://site.bongo4u.com/admin/
         - contains these tags: p, a, form, input
      b4u_autostyle
         - potentially contains many tags, including: h1 - h6, p, ul, ol, li, a, etc
      b4u_headline
         - contains just this tag: h2
      b4u_image
         - contains these tags: h2, p, img
      b4u_rawhtml
         - could potentially contain any tag
*/

/* 
   Special page-by-page Styles 
   
   Bongo4U puts id parameters on many tags. However, for the most part, these should not be referenced
   in style sheets, since they are ultimately determined by the database, and may change without notice.
   
   However, there is one exception. The <body> tag of each page sets the id parameter to the page name.
   For example, the "Home" page would feature this tag: <body id="home">.
   
   We can use this to style certain pages differently than others.
*/

/* 
   Further considerations for Writers, Editors, and other Administrators. 

   Logged-in users might appreciate some special styling just for them! 
   To that end, all 'edit' forms are wrapped with this: <div class="b4u_edit">.
   Also, <input> tags are given a class name that matches the type parameter, so
   we can style radio buttons differently than check boxes.
*/

/* All 'edit' forms */
.b4u_edit {
   margin: 1em;
   padding: 1em;
   background: #cceeff url(../images/grid.gif);
}

/* Special Handling of EmailForm Blocks */
.b4u_view .b4u_emailform form{
   
}
.b4u_view .b4u_emailform .b4u_content dl {
   margin: 0.5em 0;
}
.b4u_view .b4u_emailform .b4u_content dt {
   margin: 0;
   text-align: right;
   width: 15em;
   font-size: smaller;
   font-weight: bold;
   color:#333;
   float:left;
}
.b4u_view .b4u_emailform .b4u_content dd {
   margin: 0 0 0 14em;
}
.b4u_emailform .b4u_content input.text {
   width: 20em;
}
.b4u_emailform dl.emailform_custom {
   border: none;
   border-bottom: 1px solid black;
}

input{
width: 180px;
margin-bottom: 0px;
background:#FFF;
border:1px solid #CCC;
color:#333;
padding:5px;
}
input[type="radio"], input[type="checkbox"] {
  line-height: normal;
  margin: 0 5px 2px 0;
}

textarea{
	margin-bottom: 5px;
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	padding:5px;
	width:97%;
	height:6em;
}

#b4u_middle form {
	clear:left;
	float:left;
	width:100%;
}

/****************************************************************************/
/********************* MEDIA QUERIES TO FIX FORMS **************************/
/**************************************************************************/
@media screen and (max-width: 767px) {
.b4u_view .b4u_emailform .b4u_content dt{
	margin: 0;
	padding: 15px 0 0 0;
	width: 100%;
	text-align: left;}
.b4u_view .b4u_emailform .b4u_content dt label{
	text-align:left;
	display:block;
	width:100%;
	padding:0;
	margin:0;}
.b4u_view .b4u_emailform .b4u_content dd{
	margin:10px 0;}		
.b4u_emailform .b4u_content input.text, .b4u_emailform .b4u_content textarea{
	width:95%;
	margin:0px 0 -10px 0 !important;}
#recaptcha_widget_div{
	width: 290px !important;
	margin: 0;
	overflow:hidden;
	float:left;}
.b4u_emailform .b4u_content p input[type="submit"]{
	clear:left;
	float:left;}		
}
@media (max-width: 979px) and (min-width: 768px){
.b4u_emailform .b4u_content textarea{
	width:95%;
	margin:0px 0 -10px 0 !important;}
#recaptcha_widget_div{
	width: 360px !important;
	margin: 0 0 0 -15px;
	overflow:hidden;}
}
/* FACEBOOK LIKE BOX RESP*/
#fb-root {
    display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
	overflow:hidden;
}
/*END FACEBOOK res*/