/***********************************************/
/* HoFcustom.css                               */
/* for use with niagaratrackhof.org            */
/* created 17 March 2014                       */
/* Last updated 24 March 2014                  */
/* For use with Twitter Bootstrap structure    */
/* on the HoF website in an HTML5 web page.    */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
  color: #333333;
  background-color: #be1d2c;
}

h1{
 	font-family: Arial,sans-serif;
	line-height: 1.166;	
 	color: #bf1e2d;
 	margin: 0px;
 	padding: 15px 2px 2px 2px;
	text-align: center;
	background-color: #fff;
}

h2 {
 	font-family: Arial,sans-serif;
	line-height: 1.166;	
 	color: #000;
 	margin: 0px;
 	padding: 2px;
	text-align: center;
	background-color: #fff;
}

h1, h2, h3 {
  line-height: 130%;
  margin-bottom: 10px;
}

h1 {
  color: #bf1e2d;
  font-weight: bold;
  text-decoration: none;
}

h2 {
  color: #bf1e2d;
  font-weight: bold;
}

h3 {
  color: #bf1e2d;
  font-weight: bold;
}


.page_contents {
	text-align: left;
	background-color: #fff; /* #05f; */
	padding: 15px;
}

.hof_banner_ads {
	border: solid 0px white;
	background-color: #0F75BC;
	min-height: 60px;
	text-align: center;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}

#date {
	font-size: small;
	color: #0000FF;
	font-weight: bold;
}

.row1 {
	background-color: #fff;
	min-height: 50px;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-left: 20px;
}

.white_bg {
	background-color: #fff;
	color: #bf1e2d;
	font-size: 24px;
	font-weight: bold;
	padding-left: 10px;
}

.white_bg a {
	background-color: #fff;
	color: #bf1e2d;
	font-size: 24px;
	font-weight: bold;
	padding-left: 10px;
}

.social_buttons {
	float: right;
	z-index: 100;
}

.links {
	background-color: #bf1e2d;
	border: 1px solid #0F75BC;
}

.section {
	background-color: #bf1e2d;  /* #C30;  */
	text-align: left;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

.section2 {
	background-color: #0F75BC;  /* #C30;  */
	text-align: left;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

.section_head {
	background-color: #bf1e2d;  /* #C30;  */
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
}


.stats_table {
	padding: 10px;
}

table {
	margin: 5px;
	padding: 5px;
	border-spacing: 0;
    border-collapse: collapse;
	border: solid #0F75BC 1px;
	vertical-align: top;
}

td, tr, th {
	border: solid #000 1px;
	vertical-align: top;
	padding: 5px;
}

/*  Start of Form processing styles */

/* For join / membership page */

.membership_section {
	float: left;
	background-color: #fff; /* #05f; */
	padding: 10px;
	width: 100%;
}

.membership_section td, .membership_section tr, .membership_section th {
	border-bottom: solid #000 1px;
	border-left: solid #000 0px;
	border-right: solid #000 0px;
	vertical-align: top;
	padding: 5px;
}

/* form error styles */
.error-found, .error {
	color: #F00;
	padding: 3px;
	font-weight: bold;
	text-align: left;
/*
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid #F00;
	background-color: #aaa;
	z-index: -5;
*/
}

.tooltip-inner {
  max-width: 400px;
  min-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #0F75BC;  /* #000000; */
  border-radius: 4px;
}

.radio-input {
	/* use z-index so radio buttons can be selected
	otherwise they are blocked by the "field" class */
	z-index: 4;
}

/*
.has-feedback .form-control-feedback {
    right: 15px;
}
 move glyphicon over 10 additional pixels to allow for dropdown arrow in state field */
.has-feedback .state .form-control-feedback {
    right: 25px !important;
	border: 1px solid  #C39 !important;
}

.required {
	color: #F00;
}
/*
form label {
	min-width: 175px;
	border: 0px #0F0 solid;
}
*/

.blue_text {
	color:  #0F75BC;
	font-weight: bold;
}

.form-group {
	clear: both;
}

.form-section {
	border: 0px #00F solid;
	border-bottom: 3px #000 solid;
	margin-bottom: 10px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
}

/* style the border of input and select boxes. */
input, select {
	margin-bottom: 5px !important; 
	/*margin-top: 15px; */
	border: 2px #333 outset;
	border-radius: 5px;
}

/* */ 
.input-group {
	margin-bottom: 5px;
	width: 100%;
/*
	display: inherit;
 */ 	
}

.input-group input {
	margin-bottom: 0px !important;
}

label {
	text-align: right;
	z-index: 5;
}
.event_check_box {
	z-index: 5;
	display: inline;
}

/* 

#datetimePicker {
	clear: right;
	display: block;  
	border: 8px solid #6F0 !important;
}
*/
	/*
.input-group-addon {
	clear: right;
 display: block;  
	border: 2px solid #0F9 !important;
}
*/

/*
#datetimePicker small {
	clear: both !important;
	border: 5px solid #0FF !important;
}
*/

/*  END OF Form processing styles */

.members_table {
/*	margin-left: 0px !important;
	font-size: 85%;  */
	border: 1px solid #0F75BC;
	max-width: 600px !important;
}
/*
input:required:invalid, input:focus:invalid {
  /* insert your own styles for invalid form input 
  -moz-box-shadow: none;
}

input:required:invalid, input:focus:invalid {
	background-image: glyphicon glyphicon-exclamation-sign
	
	
	url(/images/invalid.png);
    background-position: right top;
    background-repeat: no-repeat;
}
input:required:valid {
    background-image: glyphicon glyphicon-ok
	
	url(/images/valid.png);
    background-position: right top;
    background-repeat: no-repeat;
}
  */
/* end of join / membership page */

.hof_member_thumbnail {
	width: 50px;
}

/* to center text in table cell */
.center_text {
	text-align: center;
}

/* Annual award watch list and Poll formatting */

.watch_list {
	padding: 0;

}

.header_row {
	font-weight: bold;
	background-color: #bf1e2d;
	color: #fff;
	height: 20px;

}

.header_row2 {
	font-weight: bold;
	background-color: #0F75BC;
	color: #fff;
	height: 20px;

}

.header_row_press {
	font-weight: bold;
	background-color: #0F75BC;
	color: #fff;
/*
	height: 20px;
*/
}

.break_header {
	font-weight: bold;
	font-size: 24px;
	background-color: #0F75BC;
	color: #fff;
	text-align: center;
}


.award_name {
	color: #0F75BC;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.award_name_14 {
	color: #0F75BC;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

table.hof_poll {
	width: 400px;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	font-size: large;
}

.hof_poll td {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

td.hof_poll {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

.poll_title {
	color: #FFF;
	text-align: center;
}

.award_table td {
	border: 1px solid #000000;
	text-align: center;
}

.award_table th {
	border: 1px solid #000000;
	text-align: center;
}

.award_table_border td {
	border: 1px solid #000000;
	text-align: center;
}

.award_table_border th {
	border: 1px solid #000000;
	text-align: center;
}

.award_table_highlights td {
	border: 1px solid #0F75BC;
	vertical-align: top;
}

.award_table_highlights th {
	border: 1px solid #0F75BC;
	vertical-align: top;
}

.voting_box {
	border: 2px solid #0F75BC;
	margin-top: 10px;
	padding: 5px;
}

.photo{
  	float: right;
	padding: 5px 5px 5px 5px;
	border: 1px solid #003399;	
	margin: 10px 10px 10px 10px;
}

.photo_left {
  	float: left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #003399;	
	margin: 10px 10px 10px 10px;
}

.hof-photo {
  	float: left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #000;	
	margin: 5px 5px 5px 5px;
	width: 100px;
	text-align: center;
	font-size: small;
	font-weight: bold;
	background-color: #eee;
}

.sample_photo {
  	float: left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #003399;	
	margin: 10px 10px 10px 10px;
	width: 150px;
	height: 265px;
}

.hof-facts {
  	float: right;
	width: 430px;
}

.photo_credit {
	font-weight: bold;
	font-size: smaller;
	text-align: center;
}

.news a {
  color: #be1d2c;
  text-decoration: none;
  font-weight: bold;
}

.news a.active {
	background-color: #fff;
	color: #be1d2c;
}

.news a:visited {
	background-color: #fff;
	color: #be1d2c;
}

.news a:hover {
	background-color: #be1d2c;
	color:  #fff;
	text-decoration: underline;
}
	
.news a.active:hover {
	background-color: #be1d2c;
	color:  #fff;
}

.news li a {
  color: #be1d2c;
  text-decoration: none;
  font-weight: bold;
}

.news li a.active {
	background-color: #fff;
	color: #be1d2c;
}

.news li a:visited {
	background-color: #fff;
	color: #be1d2c;
}

.news li a:hover {
	background-color: #be1d2c;
	color:  #fff;
}
	
.news li a.active:hover {
	background-color: #be1d2c;
	color:  #fff;
}

/*
*/
.list_bullets {
	display: list-item;
}

.list_bullets a {
	display: list-item;
}

.indent_list {
	margin-left: 20px;
}

/************* footer styles *************/

footer {
	color: #fff;
/*
	background-image: url(../images/hof_bg.gif);
	background-repeat: repeat;
*/
	background-color: #0F75BC;
	padding: 0px;
	padding-left: 0px;
	width: 100%; /* 1000px; 960px; */
	float: left;
	border: 0px solid #FFF;
/*	font-size: 70%;  */
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;
}

footer {
/*
	height: 300px;
*/
	clear: both;
}

footer a {
	color: #bf1e2d;
	background-color: #fff;  /* transparent; */
}

footer a:hover{
	text-decoration: none;
	background-color: #bf1e2d;
	color: #fff;
}

footer p {
	text-align: center;
}

.no_bullet {
	list-style-type: none;
}

/*  Vertical ads section */

.vertical {
	padding-right: 0;
	padding-left: 0;
	background-color: transparent; /* #fff;  */
	text-align: right;
}

/*******************   stacked-menu-text  **************/
.stacked-menu-text {
	font-size: 11px;
}

/***************** dropdown menu - slide right ************/
/* function to get multilevel dropdown menus to work and slide right */
/* code taken from StackOverflow link to  http://jsfiddle.net/chirayu45/YXkUT/16/  */

.dropdown-menu>li
{	position:relative;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	cursor:pointer;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: -1px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left-color:#fff;
	box-shadow:none;
}
.right-caret:after,.left-caret:after
 {	content:"";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
	margin-left:5px;
}
.right-caret:after
{	border-left: 5px solid #ffaf46;
}
.left-caret:after
{	border-right: 5px solid #ffaf46;
}

/***********  news slider ***************/

.news {
/*
	padding: 10px 10px 10px 20px;
	width: 990px;
*/
	width: 100%;
	border: 5px solid #000;	
	margin: 0px;
	background-color: #fff;
/*	min-height: 700px;	*/
	/* IE Hack */
/*    height: expression(this.scrollHeight < 700 ? "700px" : "auto"); */
}

.news2 {
	padding: 10px 10px 10px 20px;
	width: 100%;
	border: 5px solid #000;	
	margin: 0px;
	background-color: #fff;
/*	min-height: 700px;	*/
	/* IE Hack */
/*    height: expression(this.scrollHeight < 700 ? "700px" : "auto"); */

}

/* added 12 June 2012 to support the news slider  */
/***** TAB STYLES *****/
#tabs-main {
  width: 100%; /* 600px; 625px;  changed 18 March 2014 to make images responsive */
/*  background: url(/images/setup/tabs.jpg) no-repeat; */
  margin-bottom: 5px;
}

#tabs-main .ui-tabs-nav {
   width: 100%; /* 600px; 625px;  changed 18 March 2014 to make images responsive */
}

#tabs-main .ui-tabs-nav li a {
  display: block;
  width: 143px;
  height: 41px;
  background-color: #0F75BC;
  margin-right: 3px;
  text-align: center;
  padding-top: 10px;
}

#tabs-main .ui-tabs-nav li a:hover {
  background-color: #be1d2c;
  color: #fff;
  text-decoration: none; 
}

/****** INACTIVE STATES *******/
/*
#tabs-main .ui-state-default #tabs-main-anchor1 { width: 143px; background-position: 0px -0px;   }
#tabs-main .ui-state-default #tabs-main-anchor2 { width: 135px; background-position: -143px -0px; }
#tabs-main .ui-state-default #tabs-main-anchor3 { width: 135px; background-position: -278px -0px; }
*/
/***** ACTIVE STATES *******/
#tabs-main .ui-state-active #tabs-main-anchor1 { background-color: #fff; border: 1px solid #00f; color: #be1d2c; }
#tabs-main .ui-state-active #tabs-main-anchor2 { background-color: #fff; border: 1px solid #00f; color: #be1d2c; }
#tabs-main .ui-state-active #tabs-main-anchor3 { background-color: #fff; border: 1px solid #00f; color: #be1d2c; }


#tabs-main .ui-tabs-panel {
  width: 100%; /* 600px; 625px;  changed 18 March 2014 to make images responsive */
  background: #757575;
  overflow: hidden;
}

#tabs-main-content2 .news_container, 
#tabs-main-content3 .news_container {
  height: 500px;
  background: #000;
  overflow: auto;
}

/*****************************************************************/
#tabs-sub {
  width: 100%; /* 600px; 625px;  changed 18 March 2014 to make images responsive */
  margin-bottom: 5px;
/*  background: url(/images/setup/sub_tabs.jpg) no-repeat 0px 0px; */
  overflow: hidden;
  background-color: #fff;
}

#tabs-sub .ui-tabs-nav {
  width: 100%; /* 600px; 625px;  changed 18 March 2014 to make images responsive */
}

#tabs-sub .ui-tabs-nav li a {
  display: block;
  height: 31px;
	width: 143px;  
/*  background: url(/images/setup/sub_tabs.jpg) no-repeat; */
  background-color: #0F75BC;
  margin-right: 3px;
  text-align: center;
  padding-top: 10px;
}

#tabs-sub .ui-tabs-nav li a:hover {
	background-color:  #be1d2c;
	text-decoration: none;
}

/****** INACTIVE STATES *******/
/*
#tabs-sub .ui-state-default #tabs-sub-anchor1 { width: 143px; background-position: 0px -0px;   }
#tabs-sub .ui-state-default #tabs-sub-anchor2 { width: 135px; background-position: -143px -0px; }
#tabs-sub .ui-state-default #tabs-sub-anchor3 { width: 135px; background-position: -278px -0px; }
*/
/***** ACTIVE STATES *******/
#tabs-sub .ui-state-active #tabs-sub-anchor1 { background-color: #fff; border: 1px solid #00f; color: #be1d2c; }
#tabs-sub .ui-state-active #tabs-sub-anchor2 { background-color: #fff; border: 1px solid #00f; color: #be1d2c; }
#tabs-sub .ui-state-active #tabs-sub-anchor3 { background-color: #fff; border: 1px solid #00f; color: #be1d2c; }


#tabs-sub .ui-tabs-panel {
  width: 100%; /* 600px; 619px;  changed 18 March 2014 to make images responsive */
  padding: 2px 3px 3px 3px;
  background: #121941;
  overflow: hidden;
}

#tabs-sub .ui-tabs-panel .news_container {
  height: 235px;
  padding: 10px;
/*  background: url(images/setup/upcoming_bg.jpg) repeat-x left top #aeaeae; */
  color: #fff;
  overflow: auto;
}

/**********************************************************/
#tabs-cr {
  width: 100%; /* 600px; 625px;  changed 18 March 2014 to make images responsive */
  margin-top: 5px;
/*  background: url(/images/setup/cr_tabs.jpg) no-repeat; */
}

#tabs-cr .ui-tabs-nav {
  width: 100%; /* 600px; 625px;  changed 18 March 2014 to make images responsive */
}

#tabs-cr .ui-tabs-nav li a {
  display: block;
  height: 31px;
/*  background: url(/images/setup/cr_tabs.jpg) no-repeat; */
}

/****** INACTIVE STATES *******/
#tabs-cr .ui-state-default #tabs-cr-anchor1 { width: 143px; background-position: 0px -0px;   }
#tabs-cr .ui-state-default #tabs-cr-anchor2 { width: 135px; background-position: -143px -0px; }

/***** ACTIVE STATES *******/
#tabs-cr .ui-state-active #tabs-cr-anchor1 { background-position: 0px -31px; }
#tabs-cr .ui-state-active #tabs-cr-anchor2 { background-position: -143px -31px; }

#tabs-cr .ui-tabs-panel {
  width: 100%; /* 600px; 615px;  changed 18 March 2014 to make images responsive */
  padding: 2px 5px 5px 5px;
  background: #121941;
  overflow: hidden;
}

#tabs-cr .ui-tabs-panel .news_container {
  height: 230px;
  padding: 10px;
/*  background: url(images/setup/upcoming_bg.jpg) repeat-x left top #aeaeae; */
  overflow: auto;
}

/********** News slider HEADLINES **********/
.story-box .title {
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  display: block;
  margin-bottom: 3px;
}

.news .story-box a {
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  display: block;
  margin-bottom: 3px;
}

.news .story-box .leadIn {
  font-size: 11px;
  color: #fff;
  line-height: 16px;
}

.news .story-box .date {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  display: block;
}

.news .story-box .readmore {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  display: inline;

}

#carousel-controls {
  width: 100%; /* 600px; 625px;  changed 18 March 2014 to make images responsive */
  padding: 5px 0;
  overflow: hidden;
}

#carousel-controls .control {
  width: 118px; /* 118px; */
  border: solid 1px #f00;
  float: left;
  margin-right: 6px; /* 6px; */
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  opacity: .5;
}

#carousel-controls .hovered {
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  opacity: .7;
}

#carousel-controls .active {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.title {
	font-weight: bold;
	font-size: 14px;
 	color: #000; 
	display: block;
	line-height: 2; 
	text-align: center;
}


#more-headlines .even {
  padding: 10px;
  background-color: #e5e5e5;
}

#more-headlines .odd {
  padding: 10px;
  background-color: #cdcdcd;
}

#more-headlines a {
  display: block;
  color: #000;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
}

#more-headlines a:hover {
  background-color: #be1d2c;
  color:  #000;
  text-decoration: underline;
}

#more-headlines .label {
  display: block;
  color: #000;
  font-family: arial;
  font-size: 10px;
  text-decoration: none;
  line-height: 15px;
}

#more-headlines .story-leadin {
  display: block;
  color: #000;
  font-family: arial;
  font-size: 11px;
}
.caption {
  clear: left;
  float: left;
  padding: 1px;
  margin: 0px;
}

/******  This Day In Athletics (DIA) ************/

.dia {
/*	width: 300px;  /*  210px;  */
	border: 1px solid #bf1e2d;
	border-bottom: 10px solid #bf1e2d;
	float: left;
	background-color: #FFF;
	padding-left: 5px;
/*
	background: #FFFF00;
	position: relative;
*/
}

.dia-date {
	font-size: 65px;
	font-weight: bold;
	text-align: center;
	border: 0px solid #0f0;
	position: absolute; /* relative; */
	top: 35px;
	left: 0px;
	width: 105px;
}

.dia-month {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border: 0px solid #bf1e2d;
	position: absolute; /* relative; */
	top: 0px;
	left: 0px;
	width: 103px;
	background-color: #bf1e2d;
	color: #fff;
	height: 25px;
	padding-top: 4px;
}

.dia-text {
	width: 100%;  /* 175px; */
	padding: 5px;
	padding-left: 10px;
	border: 0px solid #000;
	background-color: #FFF;
	float: left;
}

.cal-page {
	float: left;
	text-align: center;
	border: 0px solid #00F;
	position: relative;
	
}

/************* sponsors styles *************/

.sponsor-title {
	font-weight: bold;
	font-size: 24px;
 	color: #bf1e2d; /* #bf1e2d; */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.sponsors {
	text-align: left;
	color: #0000ff;
	font-size: 12px;
	clear: both;
	display: block;
	border-top: 5px solid #0F75BC;
	background-color: #fff;
}

/************* shopping cart styles *************/

.cart_frame {
	border: 2px solid #CCC;
}

.cart_frame2 {
	border: 5px solid #0F75BC;
	padding: 0;
}

.cart_frame2b {
	border: 5px solid #0F75BC;
	border-top: 0;
	padding: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}


.shop_cart {
	border: 0px solid #FF0;
	float: left;
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
}
  
.cart_head {
	border: 0px solid #0F0;
	float: left;
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #0F75BC;
	font-size: 18px;
}
.order_placed_by {
	border: 0px solid #3F3;
	float: left;
	display: block;
	clear: both;
	width: 100%;
}

.customer_details {
	border: 0px solid #8F0;
	float: left;
	display: block;
	clear: both;
	width: 100%;
	font-weight: bold;
	color: #0F75BC;
}
.column_headings {
	border: 0px solid #0Fc;
	float: left;
	display: block;
	clear: both;
	width: 100%;
	color: #0F75BC;
	font-weight: bold;
}

/* right align dollar amounts */
.currency_right {
	text-align: right;
}

.detail_lines {
	border: 0px solid #088;
	float: left;
	display: block;
	clear: both;
	width: 100%;
}
.subtotal {
	border: 0px solid #F00;
	float: left;
	display: block;
	clear: both;
	width: 100%;
}
.processing_fee {
	border: 0px solid #00F;
	float: left;
	display: block;
	clear: both;
	width: 100%;
}
.grand_total {
	border: 0px solid #0F3;
	float: left;
	display: block;
	clear: both;
	width: 100%;
}
.order_notes {
	border: 0px solid #F33;
	float: left;
	display: block;
	clear: both;
	width: 100%;
}
.checkout {
	border: 0px solid #F99;
	float: left;
	display: block;
	clear: both;
	width: 100%;
}

.col-md-1, col-md-3, col-md-6, col-md-12 {
	border: 0px solid #0f0;
}


/************* end shopping cart styles *************/

/*  2017 Christmas slideshow */

body {
	font-family: arial;
	font-size: 12px;
}

.slideshow {
	width: 100%;   /* 831px; */
	margin: 0;
	padding: 0;
}

ul.slideshow {
	list-style: none;
	/* 
	min-width: 400px;
	min-height: 400px;
	*/
	height: 800px;
	min-height: 800px;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}
ul.slideshow li {
	position: absolute;
	left: 0;
	right: 0;
}
ul.slideshow li.show {
	z-index: 500;
}
ul img {
	border: none;
}
#slideshow-caption {
	/* width: 600px; */
	height: 70px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	background: #fff;
	z-index: 500;
}
#slideshow-caption .slideshow-caption-container {
	padding: 5px 10px;
	z-index: 1000;
}
#slideshow-caption h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #BE1D2C;
}
#slideshow-caption p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

/************* #bootstrap box styles *************/
/************ adjusting to changing widths  ************/

@media (min-width: 1200px) {
  .container {
    width: 1024px;
  }
}

@media (max-width: 1023px) {
.header_text, .header_lg {
	display: none;
}

/* use smaller banner image on small devices */
.header_sm {
	display: inline;
	background-color: #000;
}

.navbar {
  margin-top: 10px;
}

}

/********** (1) Mobile portrait (320x480)  ***********/

@media (max-width: 350px) {

ul.slideshow {
	height: 500px;
	min-height: 500px;
}

#slideshow-caption {
	/* width: 600px; */
	height: 130px;
}

}


@media (max-width: 479px) {
/* adjust height of news image section  */
#carousel-seats {
/* image width is 280px  */
  height: 194px;
  min-height: 194px;
}

ul.slideshow {
	height: 600px;
	min-height: 600px;
}

#slideshow-caption {
	/* width: 600px; */
	height: 130px;
}

}

/********** (2) Mobile landscape (480x320)  ***********/

@media (min-width: 480px) and (max-width: 599px) {
/* adjust height of news image section  */
#carousel-seats {
/* image width is 440px  */
  height: 304px;
  min-height: 304px;
}
ul.slideshow {
	height: 600px;
	min-height: 600px;
}

#slideshow-caption {
	/* width: 600px; */
	height: 130px;
}

}

/********** (3) Small tablet portrait (600x800)  ***********/

@media (min-width: 600px) and (max-width: 767px) {
/* adjust height of news image section  */
#carousel-seats {
/* image width is 560px  */
  height: 387px;
  min-height: 387px;
  width: 560px;
}

ul.slideshow {
	height: 600px;
	min-height: 600px;
}
#slideshow-caption {
	/* width: 600px; */
	height: 130px;
}

}

/********** (4) Small tablet landscape (800x600) and (5) Tablet portrait (768x1024)   ***********/

@media (min-width: 768px) and (max-width: 1023px) {
/* adjust height of news image section  */
#carousel-seats {
/* image width is 625px  */
  height: 432px;
  min-height: 432px;
  width: 625px;
}

#carousel-wrapper {
  width: 625px;
  max-width: 625px;
}

.news {
  width: 625px;
  max-width: 625px;
}

ul.slideshow {
	height: 800px;
	min-height: 800px;
}

#slideshow-caption {
	/* width: 600px; */
	height: 130px;
}

}

/********** (6) Tablet landscape (1024x768)  ***********/

@media (min-width: 1025px) and (max-width: 1199px) {
/* adjust height of news image section  */
#carousel-seats {
/* image width is 587px  */
  height: 406px;
  min-height: 406px;
  width: 587px;
}

}

@media (min-width: 1200px) {
#carousel-seats {
/* image width is 625px  */
  height: 423px;
  min-height: 423px;
  width: 625px;
}

}

.navbar {
	overflow: visible;

}