@import url('https://fonts.googleapis.com/css?family=Lato');

body {
  background-color: #ccc;
}
.container {
	background-color: #fff;
}

tr {
	border-top: #ddd 1px solid;
}
.thumbnail {
	margin: 5px 0;
}
ol.carousel-indicators {
	background: #ccc;
	bottom:-32px;	
}
.green {
	font-size: 16px;
	font-weight: bold;
	background-color: #008F44;
    color: #fff;
	margin: 20px 20px 0 10px;
    padding: 6px;
}
.blue {
	font-size: 16px;
	font-weight: bold;
	background-color: #7EABE5;
    color: #fff;
	margin: 20px 20px 0 10px;
    padding: 6px;
}
.btn-search {
	background-color: #bd0900;
	color: white;
	font-size: 16px;
	margin-left: 20px;
}
.searchInfo {
	font-size: 16px;
	text-transform: capitalize;
	padding: 3px 5px;
}

.searchInfoSmall {
	font-size: 14px;
	padding: 3px 5px;
}

.jumbotron {
	height: 400px;
	}

* { font-family: Lato;
	color:#3D3D3D;
	font-size: 14px;
}
.page-header {
  padding-bottom: 9px;
  margin: 0;
  border-bottom: 1px solid #eee;
}
.hours {
	float: left;
    position: relative;
    
}
.glyphicon-search {
	color: white;
}
.navbar {
    background-color: #bd0900;
	margin-bottom: 0;
	border: 0;
	border-radius: 4px 4px 0 0;
}
.navbar-inverse .navbar-nav>li>a:hover { background-color: #1F520C;}
.navbar-inverse .navbar-nav>li>a:active { background-color: black;}
.navbar-inverse .navbar-nav>li>a { 
font-size: 16px;
color: #FFFFFF;
}
.navbar-brand {
	height:0;
	padding: 0;
}
.navbar-toggle {
	float: left;
	margin-left: 15px;
}
.form-inline .form-control {
	width:150px;
	margin: 10px;
}
.searchModule {
	border: 1px solid #ccc;
	padding: 0 20px;
	margin: 0 0 20px 0;
}
.searchBreadcrumbs {
	margin-top: 3px;
	background: green; 
	color:white; 
	padding: 5px;
}
.searchBreadcrumbsItem {
	background: orange; 
	color:white; 
	padding: 5px;
}
.queryResults {
	margin-left: 20px;
}
.WADAResultThumbArea {
	float: left;
	text-align: left;
	margin: 0 10px 10px 0;
	width:200px;
	height: 441px;
	border: 1px solid #ccc;
	padding: 0 5px;
}
.onSale {
	color:#fff;
	background-color: #f00;
	font-size:14px;
	padding:5px 0px 5px 5px;
	font-weight: bold;
	border:thin #F30408 solid;
	position: relative;
	top: 0;
	left: 1px;
	
	}
footer {
	background-color: #bd0900;
	
	color:white;
	text-align:center;
	clear: both;
	}
footer * {
	color: white;
}
a:link {
	color: #bd0900;
	}
h1,h2,h3 {
	color:#bd0900;
	margin: 30px 0 10px 0;
	}
td {
	padding: 0 1%;
	}
select {
	padding:3px;
    margin: 2px 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	}
.btn-success {
	background-color: #bd0900;
	border-color: gray;
	}
.btn .btn-success a {
	color: white;
}
.btn-primary {
	background-color: gray;
	border-color: #666;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: black;
  border-color: #333;
}
.popover {
	width: 3000px;
	}
/*.navbar {
	background-color: green;
	}
.navbar .nav > li > a {
	color:black; 	
	}*/
.smallAd {
	height:100px;
	margin-bottom:20px;
	}
.smallAd2 {
	height:240px;
	}
.smallAd h1 {
	color:gray;
	font-size:14px;
	}
image {
	border: 0;
}
.carousel {
	margin-bottom:20px;
}
/*#myCarousel {
    display:none;   
}*/
#adBox {
	margin-top:53px;
}
.privacy {
	font-size:small;
	}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.hours {
    font-size: 15px;
}
	
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.hours {
	
}
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc;
	width:85%
	}
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 1%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	
	
}


@media (max-width: 480px) {
#adBox { display:none;
	
	}
}