#farm-made-fare
	.mainTextBlock

	.secondaryTextBlock
		font-size: 10px
		border: 1px solid #666
		padding: 4px
		width: 300px
		margin-left: 14px
		margin-bottom: 6px
		float: right
	
	.shipImage
		width: 100px
		float: left
		padding-right: 2px
	
	.priceList 
		width: 100%
		border: 2px solid #777
	
	.secondaryTextBlock

	/* farm-made-fare.html */
	@media(max-width: 509px)
		.columned
			width: 250px
		.secondaryTextBlock
			margin: 0 auto
			float: none
	@media(min-width: 510px) and (max-width: 769px)
		.columned
			width: 510px
		.secondaryTextBlock
			width: 200px
	@media(min-width: 770px) /* and (max-width: 1029px)*/
		.columned
			width: 770px
	.columned
		-webkit-columns: 250px auto
		-moz-columns: 250px auto
		columns: 250px auto
		-webkit-column-gap: 10px
		-moz-column-gap: 10px
		column-gap: 10px
	.columned div
		display: inline-block
		min-width: 250px
	@media(max-width: 549px)
		#vapPicturesContainer img
			width: 170px
			height: 96px
		.vapPictures
			width: 180px
			height: 106px
	@media(min-width: 550px)
		#vapPicturesContainer img
			width: 580px
			height: 326px
		.vapPictures
			width: 590px
			height: 336px