/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.batlist_header {
	padding: 0 0 30px 0;
}

.batlist_select_wrapper,
.batlist_search_wrapper {
	font-family: 'Open Sans Condensed', sans-serif;
	border: 1px solid #dcddde;
	display:inline-block;
	padding: 8px;
	color: rgb(133,132,132);
	min-width: 388px;
	letter-spacing: 1px;
	margin-right: 20px;
}
.batlist_search_wrapper {
	margin-right: 0;
}
.batlist_search_wrapper label {
	position:absolute;
	left: -999em;
}

.batlist_select_wrapper select,
.batlist_search_wrapper input[type=text] {
	border: none;
	font-family: 'Open Sans Condensed', sans-serif;
	letter-spacing: 1px;
	outline: 0;
	color: rgb(133,132,132);
	width: 308px;
	height: 24px;
	text-transform:uppercase;
}
.batlist_select_wrapper select {
	width: 258px;
}

.batlist_table {
	line-height: 1;
}

.batlist_table td,
.batlist_table th {
	border-bottom: 1px solid #dcddde;
	padding: 0.5em;
	min-width: 30px;
	text-align:left;
}

.batlist .modelno {
	font-size: 0.75em;
}


.batlist_table .batlist_name {
	text-align:left;
}

.batlist_table svg {
	width: 20px;
	height: 20px;
}

.batlist_table .batlist_label {
	display:none;
}

#TB_closeWindowButton {
	bottom: 0;
}
.tb-close-icon:before {
	content: "X";
	font: inherit;
}

@media only screen and (max-width: 872px) {
	.batlist_select_wrapper {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.batlist_select_wrapper {
		margin-right: 0;
	}
	.batlist_table td,
	.batlist_table th {
		text-align:left;
	}
	.batlist_table tr {
		border-bottom: 1px solid #dcddde;
		margin-bottom: 30px;
	}
	.batlist_table th {
		display:none;
	}
	.batlist_table td {
		display:block;
		border: none;
		padding: 0.25em 0;
	}
	.batlist_table .batlist_image {
		padding-top: 20px;
		max-width: 100%;
	}
	.batlist_table .batlist_mfg,
	.batlist_table .batlist_name {
			width: 50%;
			clear: left;
			float: left;
	}	
	.batlist_table .batlist_name {
		font-size:18px;
		font-weight: 700;
	}
	.batlist .modelno {
		font-size:1em;
	}
	.batlist_table .batlist_shop {
		padding-bottom: 20px;
	}
	.batlist_table .batlist_shop svg {
		display:none;
	}
	.batlist_table .batlist_label {
		display:inline;
		text-transform:uppercase;
		font-weight: 700;
		font-size: 0.75em;
	}
	.batlist_table a.batlist_label {
		font-weight: 400;
		text-transform:none;
		text-decoration:underline;
		font-size: 1.0em;
	}
	

}

@media only screen and (max-width: 419px) {
	.batlist_select_wrapper,
	.batlist_search_wrapper {
		min-width: 290px;
		margin-right: 0;
	}
	
	.batlist_select_wrapper select,
	.batlist_search_wrapper input[type=text] {
		width: 210px;
	}
	.batlist_select_wrapper select {
		width: 160px;
	}	
}