.product-container { background: white; width: 29.75%; margin: 10px 1.5%; border: 1px solid #ddd; text-align: center; padding-bottom: 10px; background: #eee; display: inline-block; }
.product-container img.thumb { width: 100%; }
.product-container h3 { font-family: 'Helvetica Neue', 'Arial', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.1em; padding-top:4px; }
.product-container h3 a { color: #666; }
.product-container p { margin: 0; }

h1.product-type { margin-top: 0; }

#product-filters { max-height: 95%; margin-top:30px; }
#product-filters.affix { top: 0; }

#filters .btn { margin-right: 1px; margin-top: 1px; width: 49%; }

.modal-product { width: 800px; }
.modal-product img { float: left; max-width: 550px; max-height: 550px; }
.modal-product .product-details { float: left; margin-left: 15px; margin-right: 5px; width: 170px; }

#hidden-products { display: none; visibility: hidden; }

.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover { background: #ccc; }

.products-content { background: white; overflow: auto; }

#main {
	width: 1170px;
	padding-top: 25px;
	padding-bottom: 50px;
}

.product-page { margin: 0 auto; width: 975px; }

.product-page .span3 { background: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,.3); /* border:1px solid #D5D2C7; */ text-align: center; padding-top: 20px; padding-bottom: 20px; }
.product-page .span3:hover { background: #D5D2C7; box-shadow: none; -webkit-transition:background-color 200ms ease-in; -moz-transition:background-color 200ms ease-in; -o-transition:background-color 200ms ease-in; transition:background-color 200ms ease-in; }


.loading { margin: auto; width: 200px; height: 100px; text-align: center; }
.loading img { display: block; margin: auto; }

/*Full screen modal styles*/
#productModal {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#productModal img {
  width: 95%;
}
.modal.fade.in {
    top: 0 !important;
}
.modal {
    left: 0 !important;
}
.modal-body {
    max-height: 100%;
    height: initial !important;
}


@media (max-width: 1024px) { 
	
	#product-filters.affix { position: relative; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#product-filters { margin-bottom: 1em; margin-top: 0; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 1em; }
	#content.products-content { border: 0; box-shadow: none; padding: 0; }
	form.product-search { max-width: 90%; float: none; }
	.product-type { text-align: center; }
}

/* Landscape phones and down */
@media (max-width: 480px) { 
	.product-container { width: 45%; }
	.modal-product { width: auto; }
	.modal-product img { max-width: 98%; max-height:150px; float: none; margin: auto; }
	.modal .modal-body { padding: 10px 10px 0 10px; }
	.modal .modal-body dl { margin-bottom: 5px; }
}
