<!-- CSS for Single Item Listings (from bulklisting) -->
img {height:auto; max-width: 100%; display:inline-block}
div > span {margin-top: 10px; display: inline-block}
.pics {max-width:335px; min-width:130px; display:inline-block;	padding:2px; vertical-align:top;}
h2 {margin-bottom: 5px }
.bulkBody {font-family: arial; font-size:14px; font-weight:400; display: inline-block; vertical-align: middle; width:100%; max-width: 1024px; line-height:normal}
.bulkBody h1 {padding-top: 10px;padding-bottom:10px;}
.bulkBody h2 {color:black; 	background-color:#B0C4DE; font-weight:bold; font-size:16pt; text-align:center; line-height:35px}
.bulkHeader {text-align:center; height:100px; background-color:#00486d; }
.bulkHeader img {padding:15px 18px 0 0;}
.tables {display:inline-block; vertical-align:top;}
table {background-color:ffffff; padding:20px 0 0 20px}
table tr {font-size:16px; line-height: 24px; text-decoration:none; }
table td:nth-child(1) {width:200px;  font-weight: bold;}
table td:nth-child(2) {text-align:left}

ul li::marker {list-style-type: square; font-size: 20px}
li {line-height:18px;	margin: 0 0 4px -4px;	}
#descline > span {margin: 10px 10px 0 0; }
div .pics {margin: -10px 0 15px;}
.emph {	color: red;	font-weight: bold; }
.noemph {	color: black;	font-weight: normal; }

@media screen and (max-width: 1035px) {
	.pics {width: 32.5%; max-width:none;}
}
@media screen and (max-width: 875px) {
	.pics {width: 49%; max-width:none;}
}
@media screen and (max-width: 590px) {
	.pics {width: 100%; max-width:none;}
}