@charset "UTF-8";
/* CSS Document */

	html, body { padding:0px; margin:0px; }

	.arrows { height:0px; position:absolute; }
		.arrowFormat { background: url(slideshow-arrows.png) no-repeat scroll left center; height:40px; width:40px; cursor:pointer; opacity:.75; filter:alpha(opacity=75); display:none; }
			.arrowFormat:hover { opacity:1; filter:alpha(opacity=100); }
				.arrowLeft { background-position: left center; float:left; margin-left:5px; }
				.arrowRight { background-position: right center; float:right; margin-right:5px; }
	.container { margin:0 auto; overflow:hidden; display:none; }
		.fullWidth_container {}
			.dataBox { float:left; margin:8px 4px; }
			.dataBox:hover { box-shadow:0px 0px 3px #ccc; }
				.dataBoxBorder { border:1px solid #ccc; background:#fff; overflow:hidden; padding:10px; }
					
					.dataBoxImg { text-align: center; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
					/*.dataBoxImg { text-align:center; overflow:hidden; } kept incase display flex causes issues*/
						.dataBoxImg img { max-width:100%; max-height:90%; }
					.dataBoxText { text-align:center; color:#000; overflow:hidden; padding:0 5%; }
						.dataPrice { font-weight:700; font-size:20px; }
						.dataTitle {  font-weight:300; font-size:14px; color:#666; height:36px; overflow:hidden; }